「AFFINGER6を買う決心はついたけど、導入手順が難しそう…」
しかし、手順さえ間違えなければ、購入からインストールまではたったの10分程度で完了します。この記事では、AFFINGER6を購入し、あなたのWordPressブログで使える状態にするまでの全手順を、実際の流れに沿って解説します。このページを開きながら進めれば、迷うことはありません。
全体の流れ(3ステップ)
- 公式サイト(インフォトップ)で購入・決済する
- テーマファイルをダウンロードする
- WordPressにインストールして有効化する
これだけです。では順番に見ていきましょう。
ステップ1:公式サイトで購入する
まずはAFFINGER6の販売ページへアクセスします。購入はASPである「インフォトップ」というサイトを経由して行われます。
ページの下の方にある「ご購入はこちら」というボタンをクリックすると、決済画面に進みます。
初めてインフォトップを使う場合は「会員登録済みではありません」の方から、必要事項(名前、メールアドレス、支払い方法など)を入力してください。
支払い方法はクレジットカードが即時決済で反映されるので一番スムーズでおすすめです。
ステップ2:テーマファイルをダウンロードする
決済が完了すると、「購入完了メール」が届きます。
その後、インフォトップの公式サイトにログインし、「注文履歴・ダウンロード」というタブをクリックします。
そこに購入したAFFINGER6の商品名が表示されているので、「ダウンロード」ボタンを押してください。
すると、パソコンに圧縮ファイル(.zip)が保存されます。
【重要】ダウンロードしたファイルを「解凍」する
ダウンロードしたファイル(通常は `action_af6_dl.zip` のような名前)をダブルクリックして解凍(展開)してください。
解凍したフォルダを開くと、中にさらにいくつかのフォルダが入っていますが、使うのは「WordPressテーマ」というフォルダの中にある以下の2つのファイルです。
affinger.zip(親テーマ)affinger-child.zip(子テーマ)
注意:この2つのzipファイルは絶対に解凍しないでください!
WordPressには「zip形式のまま」アップロードする必要があります。
ステップ3:WordPressにインストール・有効化する
ここからは自分のブログのWordPress管理画面での操作です。
1. テーマをアップロードする
管理画面のメニューから「外観」→「テーマ」→「新規追加」→「テーマのアップロード」へと進みます。
「ファイルを選択」ボタンを押し、先ほどの2つのファイル(affinger.zip と affinger-child.zip)を一つずつアップロードして「今すぐインストール」を押します。
※順番はどちらからでも大丈夫ですが、親テーマ(affinger.zip)→子テーマ(affinger-child.zip)の順に入れるのが無難です。
2. 「子テーマ」を有効化する【最重要】
2つのインストールが終わると、テーマの一覧画面に「AFFINGER6(親)」と「AFFINGER6 Child(子)」の2つが表示されているはずです。
ここで絶対に間違えてはいけないのが、「AFFINGER6 Child(子テーマ)」の方を有効化するということです。
親テーマを有効化しても動きますが、将来テーマのアップデートがあった際に、自分が設定したカスタマイズ内容が消えてしまうリスクがあります。
必ず「Child」と書かれている方の「有効化」ボタンを押してください。
ここまでのチェックリスト
- 親テーマと子テーマ、2つのzipファイルをインストールしましたか?
- 「AFFINGER6 Child」の方を有効化しましたか?
「STINGER STORE」等のプラグインも入れる
テーマのインストールが終わったら、同梱されていた「Gutenbergプラグイン」なども必要に応じてインストールしておくと、ブロックエディタがより使いやすくなります。
(ダウンロードしたフォルダ内の「特典」フォルダ等に含まれていることが多いです)
まとめ:これでスタートラインに立ちました!
お疲れ様でした。これであなたのブログにAFFINGER6が導入されました。
サイトを表示してみると、デザインがガラッと変わっているはずです。
ここからがいよいよ本番です。まずは「デザイン済みデータ」を使って、サクッとおしゃれな見た目に整えてしまいましょう。
デザイン設定の方法は以下の記事で解説しています。
内部リンク:デザインセンス不要!AFFINGER6なら15分で「プロ級サイト」に着せ替えできる件
また、まだ購入を迷っている方は、以下のレビュー記事で「導入後の未来」を再確認してみてください。