AFFINGER6（アフィンガー6)のインストール方法【画像付き！詳細解説】

「AFFINGER6（アフィンガー６）」を利用できるようにするまでの流れ

「AFFINGER6（アフィンガー６）」の利用までの流れは次のようになっています。

• AFFINGER6（アフィンガー６）の購入
• 購入した「AFFINGER6（アフィンガー６）」をダウンロード
• ダウンロードした圧縮フォルダーを解凍する
• AFFINGER6（アフィンガー６）をWordPressにインストール

１．AFFINGER6（アフィンガー６）の購入

①　AFFINGER6（アフィンガー６）がダウンロード（購入）できる公式サイト（Action）に行きます。

→　AFFINGER6（公式サイト）

②　ページの「カートに入れる」をクリック

※　インフォトップ決済システムでの購入になります。

③　購入画面で「初めてインフォトップをご利用の方はこちら」をクリック

インフォトップ会員登録済みの方は「会員登録済みの方はこちら」をクリックしてください。

④　「お客様情報」を入力する

インフォトップの会員登録画面が表示されるので、必要事項を入力します。

ここで登録したメールアドレスとパスワードは「AFFINGER6（アフィンガー６）」公式サイト（Action）のログイン時に必要になります。

⑤　支払い方法を選択する

支払い方法はクレジットカードもしくは銀行振込になります。

入力が終了したら確認画面に進み、注文を確定すれば「AFFINGER6（アフィンガー６）」の購入が完了です。

まだ、購入が終了しただけでダウンロードはこれからになります。

２．購入した「AFFINGER6（アフィンガー６）」をダウンロード

①　「AFFINGER6（アフィンガー６）」公式ページにログインする

ログインに必要なメールアドレスとパスワードはAFFINGER6（アフィンガー６）購入時に登録したメールアドレスとパスワードになります。

②　ご購入履歴をクリック

③　「ご購入履歴」の画面で「ダウンロード」をクリック

これで「AFFINGER6（アフィンガー６）」のダウンロードが完了です。

ダウンロードした「AFFINGER6（アフィンガー６）」はパソコンの「ダウンロード」フォルダに保存されています。

「action af6 dl.zip」がダウンロードした「AFFINGER6（アフィンガー６）」の入ったフォルダです。

管理しやすいようにデスクトップや別の場所に移しておきましょう。

デスクトップに移したときに下の画像のようなアイコンフォルダの表示です。

3．ダウンロードした圧縮フォルダーを解凍する

ダウンロードした「AFFINGER6（アフィンガー６）」が入ったフォルダ「action af6 dl.zip」は圧縮フォルダーなので解凍する必要があります。

圧縮フォルダーとは簡単に言うとデータサイズをギュッと圧縮して小さくしたもので、特殊な状態なので「通常の状態に戻してあげましょう（解凍）」ということです。

解凍する手順はとても簡単です。

解凍が完了すると「.zip」の表示がなくなった「action af6 dl」フォルダーが確認できると思います。

実際にフォルダーの中を確認してみましょう。

• Gutenberg用プラグイン
• WordPressテーマ
• 特典

3つのフォルダーが確認できたと思います。

これでワープレスに「AFFINGER6（アフィンガー６）」をインストールする準備が整いました。

４．AFFINGER6（アフィンガー６）をWordPressにインストールする

ダウンロードした「AFFINGER6（アフィンガー６）」フォルダー内の「WordPressテーマ」の中には「affinger.zip」と「affinger-child.zip」の２つの圧縮フォルダーがあります。

この２つはそれぞれ親テーマ・子テーマと呼ばれ、両方をワードプレスにインストールする必要があります。

親テーマ・・・「affinger.zip」

子テーマ・・・「affinger-child.zip」

「AFFINGER6（アフィンガー６）」の親テーマをインストールする手順

①　ワードプレスのメニューから「外観」→「テーマ」→「新規追加」を選択

②　「テーマのアップロード」をクリックし、アップロード画面を表示する

③　「ファイルの選択」で「affinger.zip」を選択して開き、「今すぐインストール」をクリック

解凍したフォルダー「action af6 dl」から「WordPressテーマ」→「affinger.zip」を選択して開きます。

④　インストール完了画面が表示されるので「テーマページへ移動」で戻る

これで「AFFINGER6（アフィンガー６）」の親テーマのインストールは完了です。

続いて「子テーマ」をインストールします。

手順は親テーマの時と一緒です。

「AFFINGER6（アフィンガー６）」の子テーマをインストールする手順

①　親テーマインストールと同様に「テーマ」→「新規追加」→「テーマのアップロード」からアップロード画面を開く

②　「ファイルの選択」で「affinger-child.zip」を選択して開き、「今すぐインストール」をクリック

③　インストール完了画面が表示されるので「有効化」をクリックする

これで「AFFINGER6（アフィンガー６）」のインストールは完了です。

次に「Gutenberg用プラグイン」をインストールします。

※　バージョン2.8.1よりプラグイン名が「AFFINGERブロック」に変更になりました。

Gutenberg（グーテンベルク）とはワードプレスで記事を編集する際の根本となる仕組みです。

記事を編集する再に文字や画像をブロックという単位で編集することからブロックエディタとも呼ばれます。

「Gutenberg用プラグイン」は「AFFINGER6（アフィンガー６）」を使用する上でブロックエディタ機能を拡張するものなので忘れずにインストールしましょう。

「Gutenberg用プラグイン」をインストールする手順

①　ワードプレスのメニューから「プラグイン」→「新規追加」を選択

②　「プラグインのアップロード」をクリックし、アップロード画面を表示する

③　「ファイルの選択」で「st-blocks.zip」を選択して開き、「今すぐインストール」をクリック

④　インストール完了画面が表示されるので「プラグインを有効化」をクリックする

これで「Gutenberg用プラグイン」のインストールは完了です。

また、ダウンロードした「AFFINGER6（アフィンガー６）」のフォルダー内に「特典」のフォルダーがあります。

こちらの特典は公式からの特典になります。

購入時期によって特典の内容は変わると思いますが、役立つプラグインなどが特典として付いてくると思いますので、そちらも同様な手順でインストールしましょう。

現在は「すごいもくじLITE」が付属しています。

目次が自動で挿入されて、とても便利ですので絶対にインストールすべきプラグインです！

以上がAFFINGER6（アフィンガー６）の購入からインストールするまでの方法になります。

AFFINGER6購入・インストールに関するQ＆A

AFFINGER6（アフィンガー６）にお勧めのプラグインを別記事で紹介していますので、そちらの記事も参考にしてみてください。

AFFINGER6：お勧めプラグイン

また、AFFINGER6（アフィンガー６）の使い方やデザインカスタマイズについてはこのブログで紹介していますので、是非参考にしてみてください。