【STEP4】AFFINGERのインストール方法

AFFINGER をダウンロードしたらブログにインストールしよう🐈‍⬛

AFFINGER のインストール手順

zipファイル action_af6_dl.zip を見つける

パソコンからテーマのzipファイルを見つけましょう。Mac Windowsそれぞれの保存場所は以下のとおり👇🏻

  • Mac:Finder>ダウンロード
  • Windows:左下のWindowsマーク>エクスプローラー>ダウンロード
zipファイル action_af6_dl.zip を開く

action_af6_dl.zip を以下の方法で開いたら、中にある WordPressテーマまたはaction_af6_dl.zipも同じく開く

  • Mac:ダブルクリック
  • Windows:右クリック>すべて展開
affinger.zipaffinger-child.zip 2つのファイルが入っていることを確認

⚠️この2つのzipファイルは解凍しないよう注意してね(開いてしまった場合はもう一回最初からやり直そう)

この2つのファイルはaffinger.zip が親テーマ affinger-child.zip が子テーマと呼ばれているよ💡
2つセットで使用するので消さないよう気をつけてね

ダッシュボード外観テーマ新規追加 をクリック
テーマのアップロードファイルを選択 をクリック
affinger6.zipをクリック
選択欄にaffinger6.zipが表示されていたら今すぐインストール をクリック
テーマのインストールが完了しました」と表示されたら親テーマのインストールは完了
ダッシュボード外観テーマ新規追加 をクリック

テーマのアップロードファイルを選択 をクリック
affinger-child.zipをクリックし今すぐインストール をクリック
テーマのインストールが完了しました」と表示されたら子テーマも完了!
ダッシュボードのテーマをクリック

AFFINGERとAFFINGER Childが表示される
AFFINGER Child を有効化する
AFFINGER Childが有効なのを確認

親テーマを有効化すると元データがなくなったりカスタマイズが吹っ飛ぶので気をつけて!

AFFINGER の設定

テーマのzipファイルの中のGutenberg用プラグインの中にあるst-blocks.zipを確認
WordPressにログインする
  1. WordPressにログインしてダッシュボードプラグイン新規追加アップロードをクリック
  2. ファイルを選択をクリックしてst-blocks.zipを選択
  3. 今すぐインストールボタンをクリック
プラグインのインストールが完了しました」と表示されたらプラグインを有効化をクリック
プラグインを有効化しました。」と表示されたらプラグインのインストールは完了
WordPress>ダッシュボードAFFINGER管理 公式マニュアルをクリック

ファーストガイドを読む
デザインのカスタマイズ方法を読む

参考にカスタマイズしていこう!