前回の記事まででテーマ選びはCocoon（無料）かAffinger（有料）かの2択について解説しました。
この記事ではAffingerを選ぶ方のためにAffingerのインストール方法を解説していきます。
超初心者でもわかるように工程を細かく分けた5ステップ計38工程の徹底解説となっています。
【この記事はこんな方に向いています】 ・知識ゼロからブログを始めて収益化を目指す＝Affingerをさっそく導入したい
Affingerを使い始めるためには、「親テーマ」「子テーマ」「Affinger用プラグイン」３つのツールをインストールする必要があります。
【用語】親テーマ：いわゆる「テーマ」のこと。サイトやブログのテンプレートのようなもの。
【用語】子テーマ：「テーマ（親テーマ）」をカスタマイズした状態を保つためのもの。（詳しくはまた別の記事でお伝えします）
【用語】プラグイン：ワードプレスの機能を追加するためのもの。スマホで言う「アプリ」のようなもの。
インストールす３つのツールの役割についてはここではざっくり理解でOKです。（一つの詳しい解説はまた別の記事でお伝えしていきたいと思います。）
ではさっそく以下で、インストール方法を徹底解説していきましょう。
Contents
【STEP１】まずはAffinger6を購入する
Affinger6はインフォトップが運営する購入サイトからデータを購入し、自分でインストールする流れになります。
①「今すぐ購入する」をクリック。
この記事を読んでいる方はAffinger販売会社であるインフォトップの会員登録を済ませていないと思うので、まずは会員登録が必要。
②「初めてインフォトップをご利用の方はこちら」をクリック。
③個人情報を入力。
④支払い方法を選択。
余計な手数料がかからないクレジットカード払いがおすすめだね。
使えるクレジットカードはVISA,Master、JCB、Dinersの４種類。
⑤プライバシーポリシーと購入者利用規約の同意欄にチェックを入れる。
⑥「注文内容を確認」をクリック。
規約、注文内容、注文金額を確認後、
⑦「規約に同意してカード情報入力へ」をクリック。
⑧クレジットカード情報を入力します。
⑨「決済実行」をクリック。
⑩この画面が出たら購入手続きは完了です。
【STEP２】購入したAffinger6をダウンロードする
購入したAffinger6のダウンロードは、先ほど会員登録したインフォトップの購入者マイページからダウンロードすることができます。
ここからがマイページの中身です。
⑬「注文履歴 ダウンロード」をクリック
⑭注文履歴一覧にある「Affinger6（WordPressテーマ）」欄の「ダウンロード」をクリック。
これで自分のPCにAffinger6のインストールパックがダウンロードされました。
【STEP３】ダウンロードしたファイルの状態を確認する
ワードプレスにインストールする３つのツールがPCに保存されていることを確認します。
必要なのは「affinger.zip」「affinger-child.zip」「st-blockss.zip」の３つ。
必要な３つのZipファイルの確認
左図のように、ダウンロードしたZipファイルの中に、複数ファイルが格納されています。
この中に親テーマ「affinger.zip」、子テーマ「affinger-child.zip」、Affinger用プラグイン「st-blockss.zip」の３つも入っています。
Zipファイルを解凍するのは一度だけ！
「affinger.zip」「affinger-child.zip」「st-blockss.zip」は解凍せず、Zipファイルのままにしておいてください。
【STEP４】ワードプレスに親テーマ・子テーマをインストールする
ここからは、ワードプレスを立ち上げ、ダッシュボードで操作していきます。
⑮左メニュー「外観」をクリック。
⑯「テーマ」をクリック。
⑰「新しいテーマを追加」をクリック。
⑱「テーマのアップロード」をクリック。
⑲「ファイルの選択」をクリック。
⑳先ほど一度だけ解凍したAffinger6フォルダの中の「affinger.zip]を選択。
㉑「開く」をクリック。
㉒「今すぐインストール」をクリック。
これでaffinger6の親テーマのインストールが完了です。
親テーマインストールの手順と同様に子テーマもインストールしていきます。
㉔「ファイルの選択」をクリック。
㉕「Affinger-child.zip」を選択。
㉖「開く」をクリック。
㉗「今すぐインストール」をクリック。
これで子テーマもインストールすることができました。
インストールしたテーマをサイトに反映させるための設定をします。
㉘「外観」→「テーマ」メニューのTOPに戻る。
㉙Affinger６（親テーマ）の画像にカーソルを合わせ、「有効化」をクリック。
これでサイトがAffinger６仕様に変わりました。
【STEP5】ワードプレスにプラグインをインストールする
ここからはAffingerの便利な機能を利用するためのツール＝”プラグイン”をインストールしていきます。
※”プラグイン”については、また別の記事で解説したいと思います。
㉚左メニュー「プラグイン」をクリック。
㉛「新規追加」をクリック。
㉜「プラグインのアップロード」をクリック。
㉝「ファイルの選択」をクリック。
㉞「st-blocks.zip」を選択。
㉟「開く」をクリック。
㊱「今すぐインストール」をクリック。
㊲再び「プラグイン」メニューTOPに戻る。
㊳今インストールした「Gutenberg用ブロックプラグイン②」の「有効化」をクリック。
有効化すると背景が水色に変わり、表示される選択肢が「無効化」に変わります。これでプラグインを有効化できました。
「有効化」をしないと、ただツールがそこにあるというだけで一切作用してくれませんので「有効化」を忘れずに！
お疲れさまでした！これでようやくAffinger6を使える状態になりました。
さいごに
まだワードプレスを触り始めたばかりなので、テーマの有無で何が変わったか実感はまだないと思います。
でも、これから使いながら少しづつ慣れていくことができますので、ブログの細かな設定やSEO対策の設定については
「Cocoonまたはaffingerなしでは、効率的かつ簡単にはできないらしい」くらいの認識で今は良いと思います。
いかがでしたか？
ブログ開設したてでAffingerを選択することは収益化までの最短ルート！その理由を紹介した記事「【超初心者向け】ワードプレスのテーマ選びは二択！CocoonかAffingerで間違いない理由を解説 」も是非参考にしてくださいね♪
細かな設定やＳＥＯ対策などについては、今後の記事でまた解説していけたらと思います。