AFFINGER6（アフィンガー）の購入〜インストールの方法を詳しく解説！

マルくん

AFFINGER6の購入方法知りたいな

初心者ブロガーにわかるように説明してほしい

という悩みを解決する記事を書きました。

AFFINGER6を購入してインストールするまでの流れを、画像30枚以上使いながらていねいに解説しました。

記事を読んだら、ブログ初心者でも安心してAFFINGER6をWordPressにインストールすることができますよ。

それでは早速行きましょう！

AFFINGER6購入ページへ行く

※無料で「すごい目次LITE（プラグイン）」がついてくる！今だけ！

AFFINGER6の購入〜インストールの方法

AFFINGER6を購入して使えるようにするまで、次の7ステップです。

AFFINGER6導入の「7ステップ」

AFFINGER6を購入する
購入したAFFINGER6をPCにインストールする
AFFINGER6をワードプレスにインストールする
インストール後の設定
STINGERの会員登録をする
SUGOIMOKUJI[LITE]とGutenbergプラグイン2をインストールする
SUGOIMOKUJI[LITE]の設定をする

まるげり

１つ１つ写真付きで詳しく説明していくよ

１．AFFINGER6を購入する

step
1公式サイトの購入ページへ行く

以下のボタンからAFFINGER6の公式サイトへいきましょう

AFFINGER6公式サイトへ行く

※無料で「すごい目次LITE（プラグイン）」がついてくる！今だけ！

step
2購入画面へ行く

「ご購入はこちら>」をクリック▼

step
3インフォトップに「ログイン」もしくは「会員登録」する「

インフォトップ会員じゃない方

ほとんどの人はこちらです！

インフォトップの会員じゃない人は、インフォトップに登録します▼

必要な情報を入力します。（住所や名前の入力画面の写真は割愛してます）

入力が終わったら、「注文内容を確認」をクリック▼

次の画面に現れる「決済実行」を押したら購入完了です。

まるげり

購入完了したら、登録したメールアドレスにメールが届きます

インフォトップ会員の方

会員の人はログインします▼

まるげり

次の手順にいきましょう！

AFFINGER6購入ページへ行く

※無料で「すごい目次LITE（プラグイン）」がついてくる！今だけ！

購入したAFFINGER6をインストールする

購入したAFFINGER6を、インフォトップからPCにインストールしていきましょう。

step
1インフォトップの公式サイトへ行く

メールに書かれてある「購入者マイページのURL」もしくは、以下のリンクからインフォトップの公式サイトへ入る

≫　インフォトップのログイン画面へ

step
2インフォトップにログインする

「購入者ログイン」をクリック▼

step
3ログインする

先ほど設定した「メールアドレス」と「パスワード」を入力して『購入者ログイン』をクリック▼

step
4ダウンロードページヘ行く

「商品を見る、受け取る」ボタンをクリック▼

step
5ダウンロードする

ダウンロードボタンをクリック▼

これでPCへのダウンロード完了です。

ダウンロードしたファイルは解凍せずにそのままの状態で使います。解凍しないように気をつけてくださいね。

WordPressにAFFINGER6を追加する

今度は、PCにインストールしたAFFINGER6をワードプレスにインストールしていきましょう。

まるげり

インストールしたテーマには「親テーマ（affinger.zip）」と「子テーマ（affinger-child.zip）」の2種類があります。

今から、2つともインストールしていきます。

①「親テーマ（affinger.zip）」→②「子テーマ（affinger-child.zip）」の順でインストールしていきましょう！

step
1WordPressにログイン

「ユーザー名またはメールアドレス」と「パスワード」を入力してログインします▼

step
2テーマの新規追加

「外観」→「テーマ」→「新規追加」の順でクリック▼

step
3「親テーマ」のインストール

「テーマのアップロード」→「ファイル選択」の順でクリック▼

先ほどインストールした「affinger.zip」を選んで、『今すぐインストール』をクリック▼

step
4子テーマのインストール

「テーマのアップロード」→「ファイル選択」の順にクリックし、

先ほどインストールした「affinger-child.zip」を選択肢て『今すぐインストール』をクリック▼

step
5子テーマを有効化

「AFFINGER Child」を選んで、『有効化』をクリック▼

まるげり

これでワードプレスへのインストールが完了です

インストール後の設定

ワードプレスにインストールしたら次の3つの設定をします

インストール後にする3つの設定

Saveのクリック
パーマリンクの更新
キャッシュの削除

一つずつ見ていきましょう。

step
1Saveのクリック

「AFFINGER管理」→「はじめに」の順にクリックし、『Save』をクリック▼

step
2パーマリンクを更新

「設定」→「パーマリンク」の順にクリック▼

「変更を保存」をクリック▼

はじめてパーマリンク設定画面を見た人

ワードプレスを立ち上げたばかりで、パーマリンクが「投稿名」になっていない人は、このときに「投稿名」にしておくことをおすすめします▼

保存も忘れずに▼

step
3キャッシュを削除する

キャッシュの削除については、「ブラウザのキャッシュを消す方法｜アフィンガーのアップデート時に必要」の記事で詳しく説明してます▼

: ブラウザのキャッシュを消す方法｜アフィンガーのアップデート時に必要です

という悩みを解決する記事を書きました。アフィンガー６のマニュアルによると、次のように書かれてあります。出典：ACTION MANUALよりテーマをアップデートしたときや、デザインが反映されないと ...

続きを見る