広告 WORDPRESS

【2024年4月】AFFINGER6の購入&導入手順を徹底解説。子テーマの設定方法まで初心者向けに完全ガイド【WordPressブログ】

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定方法まで初心者向けに完全ガイド【WordPressブログ】

【 2024年4月 最新版 】

ブロガー7年目のあかね猫です

WordPressの代表的な人気テーマ「ACTION AFFINGER6」における…

テーマの購入方法&WordPressへの導入手順

について、ブログ初心者さん向けに1からわかりやすく解説していきます

AFFINGER6が実際に使えるようになるまでの「一連の手順」を、まるっと見ていくよ!

\ 当ブログで愛用してます /

インフォトップ 2023年度 WordPressテーマ売上

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

すごいもくじLITE

の限定特典キャンペーンも実施中!

 

まず「ACTION AFFINGER6」は…

  • テーマの「ビジュアル」が洗練されている!
  • 「1クリック」で可能なカスタマイズが充実している!
  • SEO対策につながる、さまざまな「最適化」機能が盛り込まれている!

といった、ありがちなセールスポイントの質が「根本的に超優秀」なことに加え…

  • ユーザー数の多い、「人気でメジャーなテーマ」であること
  • テーマの「アップデート」が、こまめに行われていること
  • 無料テーマではなく、ちゃんと「有料テーマ」であること
  • 月額や年額のサブスク型ではなく、「買い切り型」のテーマであること
  • 1件のテーマ購入だけで、「複数のブログに使い回しOK」であること
  • そのテーマ公式の、「子テーマファイル」がちゃんと付属されていること
  • そのテーマ公式の、「タグ管理プラグイン」がリリースされていること

という「7つの重要なチェック項目」も一通りクリアしている…

これを選んでおけばまず間違いない、
「初心者の方でも安心」
な超定番のWordPressテーマです

関連:WordPressテーマ選びのチェック項目7つ+超重要な「核心」1つ【失敗しない本当におすすめなテーマの選び方】

 

アップデートについてはその対応を保証するものではなく、あくまで「実績」としての意です

複数サイトでの使用については、購入ユーザー様ご自身の所有するサイト(個人単位)に限ります(第三者への商品の配布、譲渡は固く禁止されています)

 

また、「稼ぐに特化したWordPressテーマ」というだけあり…

アフィリエイト広告による
「ブログ収益化」もしていきたい!

といった「結果をとことん求める方」にも、「ACTION AFFINGER6」はうってつけのテーマです

このブログでもまさに愛用してるよ!

 

購入&導入手順も「超簡単」なので、さっそく見ていきましょー🐥

\ 当ブログで愛用してます /

インフォトップ 2023年度 WordPressテーマ売上

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

すごいもくじLITE

の限定特典キャンペーンも実施中!

  • テーマ本体(親テーマ)はもちろん、カスタマイズをしていくうえで重要な「子テーマ」の導入手順まで、あわせて解説していきます(こちらも簡単です!)
  • 作業そのものは、正味【15分程度】でおわります(時間は、「子テーマ」の導入まで含めた目安です)

 

【2024年4月】AFFINGER6の購入&導入手順を徹底解説。子テーマの設定方法まで初心者向けに完全ガイド【WordPressブログ】

ステップ1:WordPressテーマ「ACTION AFFINGER6」の購入手順

WordPress ヘッダー b-01

まずは下記の、「ACTION AFFINGER6」販売ページにアクセスします

公式:ACTION AFFINGER6

販売ページについて

  • インフォトップ運営会社ファーストペンギンは、プライバシーマーク認定企業です
  • 同社のカード決済システムは、国際的セキュリティー基準であるPCIDSSに準拠しています

アクセスしたら、画面を下の方へとスクロールしていき…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定方法まで初心者向けに完全ガイド 1-1-01

↑「カートに入れる」ボタンをクリックします

すると…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-1-02

↑「ACTION AFFINGER6」の購入画面になるので、ご注文内容を確認してから、インフォトップのご利用が「初めて」の場合は…

初めてインフォトップをご利用の方はこちら

というボタンをクリックしましょう

すでに登録している場合は、「会員登録済みの方はこちら」をクリックすればOK!

 

すると…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定方法まで初心者向けに完全ガイド【WordPressブログ】 1-1-02-b

↑ このような本人確認のステップになりますので、任意のメールアドレス(例:~~~~@yahoo.co.jp)を入力し、「認証コード送信」のボタンをクリックします

スマホのキャリアメール(例:@docomo)は受信しづらいから、なるべくフリーメール(例:@yahoo)がおすすめだよ!

 

メールアドレスで本人確認が無事できたら、つづいて…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-1-03-a

↑ こちらの「お客さま情報」から…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-1-03-b

↑「お支払い方法」まで、順に入力していきます

支払いは、クレジットなら「振り込みとかの手間」が省けて楽だね!

 

一通り入力し、その下の「プライバシーポリシー及び購入者利用規約」に同意ができたら…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-1-03-c

↑ チェックを入れて、「注文内容を確認」ボタンをクリックしましょう

最後にご注文内容をよく確認し、あとは画面の案内に沿って購入手続きを完了すればOKです🐥

お次は、購入した「ACTION AFFINGER6」をダウンロードしていくよ!

\ 当ブログで愛用してます /

インフォトップ 2023年度 WordPressテーマ売上

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

すごいもくじLITE

の限定特典キャンペーンも実施中!

ステップ2:購入したACTION AFFINGER6を「ダウンロード」する手順【ファイルの解凍方法まで】

WordPress ヘッダー b-02

つづいて、ご購入された「ACTION AFFINGER6」を…

ダウンロード

していきます

つまり、「パソコン側」に一旦保存していくよ!
 

まずは「ACTION AFFINGER6」を購入した「インフォトップ」にアクセスし、画面の右上に表示されている…

購入者ログイン

という場所をクリックして、ログインを済ませましょう

インフォトップに無事ログインできたら、画面の上部メニューにある…

注文履歴 ダウンロード

という項目をクリックします

すると「購入済み商品」の一覧が表示されるので、「ACTION AFFINGER6」という項目内にある…

ダウンロード

というボタンをクリックすればOK🐥

すぐに「ダウンロード」が始まり、通常はすぐに完了します

ただし、このダウンロードしたファイルはまだ「圧縮」された状態なので、一度だけ…

解凍

という作業を行い、「なかのフォルダ」を取り出す必要があります(超簡単なのでご安心ください)

「Windows」を例に解説していくよ!
 

デスクトップの一番下側、黒いバーのなかに表示されている…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-2-01

↑ こちらの「エクスプローラー」アイコンを、まずはクリックして開きましょう

 

「エクスプローラー」アイコンが表示されていない場合は…

 

デスクトップ下部の黒いバー上で「右クリック」をし…

「検索」 > 「検索ボックスを表示」 > 表示された検索バーに「エクスプローラー」と入力

という手順で、「エクスプローラー」を展開すればOKです

 

ダウンロードされたファイルというのは、通常この「エクスプローラー」内の…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-2-02

↑「ダウンロード」という場所に保存されているので、こちらをクリックして開きます

すると…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-2-03

※画像は旧バージョン「AFFINGER5」当時のものです

↑ このように、「ZIP形式」のAFFINGERファイルが保存されています

つまり、容量を抑えるために「圧縮」されたファイルのこと!
 

このZIPファイルを「右クリック」して、開いたメニュー内から…

すべて展開

という項目をクリックしましょう

すると…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-2-04

↑「解凍」によって取り出されたフォルダの ”保存場所” を決める画面になるので、通常はそのまま「展開」ボタンをクリックすればOK

これで、最初にダウンロードしたZIPファイルと同じ…

エクスプローラー > ダウンロード

という場所に、「圧縮ファイル」から取り出した…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-2-05

※画像は旧バージョン「AFFINGER5」当時のものです

↑「ACTION AFFINGER6」のフォルダが、新たに保存されます

最初のと違って、こっちは末尾に「.zip」が付いてないよ!
 

このフォルダを(普通にダブルクリックで)開いて、そのなかからまずは…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-2-06

↑ こちらの…

必ずお読みください.txt

というテキストファイルを開き、なかの説明に一通り目を通しておきましょう

読み終わったら、このテキストファイルは閉じてしまってOKです🐥

※フォルダ内のそのほかのファイルについては、このタイミングではまだ開く必要はありません

今度は、WordPress側で「ACTION AFFINGER6」をインストールしていくよ!

\ 当ブログで愛用してます /

インフォトップ 2023年度 WordPressテーマ売上

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

すごいもくじLITE

の限定特典キャンペーンも実施中!

ステップ3:ACTION AFFINGER6の本体(親テーマ)をWordPressに導入する方法【インストール&有効化】

WordPress ヘッダー b-03

お次は、ACTION AFFINGER6の…

「テーマ本体」を、WordPress側でインストール&有効化

していきます(一瞬です!)

まずは、WordPress管理画面の左側一覧から…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-01

↑ 外観 > テーマ をクリックしましょう

つづいて、画面上部に表示されている…

新規追加

ボタンをクリックして、同じく画面上部から…

テーマのアップロード

ボタンをクリックします

すると…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-02

↑ このような画面に切り替わるので、「ファイルを選択」ボタンをクリックし…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-03

↑ さきほど「解凍」して取り出した、ACTION AFFINGER6のフォルダが保存されている場所を開きましょう

今回の手順例では、「ダウンロード」っていう場所に入ってるよ!
 

ということで、フォルダの保存先を開き…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-04

※画像は旧バージョン「AFFINGER5」当時のものです

↑「ACTION AFFINGER6」のフォルダを見つけたら、(普通にダブルクリックで)フォルダを開いて…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-05

↑ さらにそのなかの、「WordPressテーマ」というフォルダを開きます

すると、いくつかのファイルと一緒に…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-06

↑「affinger.zip」という、ACTION AFFINGER6の…

テーマファイル

が入っているので、こちらのファイルを(通常の左クリックで)選択してから、右下の「開く」ボタンをクリックすればOKです

これも「圧縮ファイル」だけど、こっちは解凍とかしなくて大丈夫だよ!
 

「開く」ボタンをクリックしたら…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-07

↑「今すぐインストール」ボタンをクリックで、テーマファイルの「WordPressへのインストール」が自動的に始まります

画面が切り替わり…

テーマのインストールが完了しました

というメッセージが表示されたら、「ACTION AFFINGER6」のインストールは完了です

最後に!

WordPress管理画面の左側一覧から 外観 > テーマ を再びクリックして、そのなかに表示されている…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-3-08

↑「AFFINGER」のアイコン上にカーソルを合わせてから、「有効化」というボタンをクリックし…

新しいテーマを有効化しました

と表示されたら、ACTION AFFINGER6の「テーマ本体」については導入完了です🐥

補足

このあと結局「子テーマ」側を有効化することになりますが、上記のように一旦「親テーマ」を有効化すること自体は、なんら問題ありません

 
最後に、超重要な「子テーマ」を導入していくよ!(こっちも一瞬なのでご安心を)

\ 当ブログで愛用してます /

インフォトップ 2023年度 WordPressテーマ売上

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

すごいもくじLITE

の限定特典キャンペーンも実施中!

 

AFFINGER6を導入できたら…

 

ACTION AFFINGER6の本体(親テーマ)や、その「子テーマ」を導入したら…

  1. WordPress管理画面の左側一覧から「AFFINGER 管理」を開き、そのなかの「Save」ボタンを1度クリック!
  2. WordPress管理画面の左側一覧から「 設定 > パーマリンク 」を開き、そのなかの「変更を保存」を1度クリック!
  3. キャッシュ系プラグイン(例:WP Fastest Cache)をもしも導入している場合は、そのプラグインに搭載の「キャッシュ削除」を1度行う!
    ※プラグイン自体まだ入れていなければ、【3】はスルーでOK!

という最初の更新作業を行っておきましょう(テーマの「バージョン更新」後も同様!)

 

ステップ4:ACTION AFFINGER6の「子テーマ」をWordPressに導入する方法【インストール&有効化】

WordPress ヘッダー b-04

最後に、ACTION AFFINGER6の…

「子テーマ」を、WordPress側でインストール&有効化

していきます(こちらも超簡単です)

まず「ACTION AFFINGER6」に限らず、WordPressテーマというのは「テーマのバージョン更新」を行うたびに…

カスタマイズ内容がリセットされてしまう

といった習性があり、その弱点を補うために…

カスタマイズ設定だけは、「子テーマ」という別ファイルに保存する

という形をとるのが定石です

といっても、やることは「超シンプル」だよ!
 
 

で、ACTION AFFINGER6では「AFFINGER公式」の子テーマファイル…

affinger-child.zip

が付属されているので、こちらをさきほどのテーマ本体「affinger.zip」と同じ要領で、「WordPressにインストール&有効化」するだけでOKです

ということで、「子テーマ」の具体的な導入手順を解説していくよ!
 

補足

「子テーマ」を導入される場合でも、さきほどの【ステップ3】でご紹介したテーマ本体「affinger.zip」のインストールは必須です

つまり…

まずは「テーマ本体(=親テーマ)」と「子テーマ」の両方をインストールし、
かつ「子テーマ」側を有効化しておく

という状態が鉄則です(一旦「親テーマ」を有効化した場合でも、そのあと「子テーマ」を有効化すればOKです)

それにより、WordPressは「下記の順番」でテーマの各種設定を反映してくれます

  1. カスタマイズした設定のみ、「子テーマ」側から最優先で読み込む!
  2. そのほかの全体設定については、「親テーマ」側から読み込む!
 

まずは、WordPress管理画面の左側一覧から…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-01

↑ 外観 > テーマ をクリックしましょう

つづいて、画面上部に表示されている…

新規追加

ボタンをクリックして、同じく画面上部から…

テーマのアップロード

ボタンをクリックします

すると…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-02

↑ このような画面に切り替わるので、「ファイルを選択」ボタンをクリックし…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-03

↑【ステップ2】で「解凍」して取り出した、ACTION AFFINGER6のフォルダが保存されている場所を開きましょう

ここまでは、「テーマ本体」のときと一緒だね!
 

ということで、フォルダの保存先(例:ダウンロード)を開き…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-04

※画像は旧バージョン「AFFINGER5」当時のものです

↑「ACTION AFFINGER6」のフォルダを見つけたら、(普通にダブルクリックで)フォルダを開いて…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-05

↑ さらにそのなかの、「WordPressテーマ」というフォルダを開きます

ここも、「テーマ本体」のときと一緒!
 

すると、いくつかのファイルと一緒に…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-06

↑「affinger-child.zip」という…

ACTION AFFINGER6の「子テーマ」ファイル

が入っているので、こちらのファイルを(通常の左クリックで)選択してから、右下の「開く」ボタンをクリックすればOKです

「affinger.zip」と間違えないように気をつけよう!
 

「開く」ボタンをクリックしたら…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-07

↑「今すぐインストール」ボタンをクリックで、子テーマファイルの「WordPressへのインストール」が自動的に始まります

画面が切り替わり…

テーマのインストールが完了しました

というメッセージが表示されたら、ACTION AFFINGER6の「子テーマ」もインストールは完了です

最後に!

WordPress管理画面の左側一覧から 外観 > テーマ を再びクリックして、そのなかに表示されている…

AFFINGER6の購入&導入手順を1から徹底解説。子テーマの設定まで完全ガイド【WordPressブログ】 1-4-08

↑「AFFINGER Child」のアイコン上にカーソルを合わせてから、「有効化」というボタンをクリックし…

新しいテーマを有効化しました

と表示されたら、ACTION AFFINGER6の「子テーマ」についても導入完了です🐥

テーマ導入後の流れについては、下記をどうぞ!
 

AFFINGER6を導入できたら…

 

ACTION AFFINGER6の本体(親テーマ)や、その「子テーマ」を導入したら…

  1. WordPress管理画面の左側一覧から「AFFINGER 管理」を開き、そのなかの「Save」ボタンを1度クリック!
  2. WordPress管理画面の左側一覧から「 設定 > パーマリンク 」を開き、そのなかの「変更を保存」を1度クリック!
  3. キャッシュ系プラグイン(例:WP Fastest Cache)をもしも導入している場合は、そのプラグインに搭載の「キャッシュ削除」を1度行う!
    ※プラグイン自体まだ入れていなければ、【3】はスルーでOK!

という最初の更新作業を行っておきましょう(テーマの「バージョン更新」後も同様!)

 

「Gutenbergプラグイン2」について

「ACTION AFFINGER6」には、現在…

Gutenbergプラグイン2

という補助ツールが付属されていますが、こちらはあくまでも「グーテンベルグ」という新しい編集エディタ向けのもので、参考までに自分は一切使用していません

 

そもそもWordPressには、記事を書くときの編集エディタ(操作画面のこと)について…

  • クラシックエディタ
    → WordPress管理画面 > プラグイン > 新規追加 から、「Classic Editor」という無料プラグインを有効化するだけ!(一瞬です)
  • グーテンベルグ
    → 「ACTION AFFINGER6」に付属の「Gutenbergプラグイン2」を、公式のマニュアルに沿って有効化する形!

のどちらかを選んで記事を作っていく形になりますが、結論「クラシックエディタ」の方が…

  • 「基本に忠実な操作性」で、本当に使いやすく快適
  • 「ユーザー数の多さ」から、情報もググりやすく安心

といった点を総合的にふまえると、「断然おすすめ」です

なお、この「クラシックエディタ」と「グーテンベルグ」の違いについては、当ブログガイドの第4章「テーマ」編のなかの…

WordPressクラシックエディタとグーテンベルグとは?プラグイン「Classic Editor」の導入方法まで初心者向けに徹底ガイド【2023年】
WordPressクラシックエディタとグーテンベルグとは?プラグイン「Classic Editor」の導入方法まで初心者向けに徹底ガイド

続きを見る

↑ こちらの記事にて、1からわかりやすく解説しています ※重要です

 

各章のTOPページを【ブックマーク】などしておくと、迷わずスムーズに進められます

ワードプレスブログ「完全初心者」ガイド!

全8章の「総合TOP」ページです

ワードプレスブログ「完全初心者」ガイド

 
プロフィールカード bg-01
プロフィールカードアイコン main-02

あかね猫

専業ブロガー7年目 / 元アパレル(歴10年)/ 2024年からYouTubeも本格的に始めました!(旅行系チャンネル)

少しでも参考になりましたら、
\ シェアしていただけると励みになります!! /

-WORDPRESS