AFFINGER6を導入したら、最初に「親テーマと子テーマを正しく入れて子テーマを有効にする」「サイト全体の基本設定を決める」「SEOや計測タグの設定がプラグインと重ならないようにする」の3点を済ませると、後から手戻りが起きにくくなります。この記事では、購入後のインストールから、デザイン・メニュー・SEO関連の初期設定、公開前の確認までを順に説明します。設定項目が非常に多いテーマなので、ここでは最初に決めておくべきものに絞っています。
なお、AFFINGER6の管理画面の項目名や配置はバージョンによって変わることがあります。この記事では画面の表記を細かく指定せず、どの種類の設定をどこで行うかを中心に書いています（2026年10月現在）。
導入前に準備しておくこと
テーマを入れる前に、WordPress側で次の点を確認しておきます。
- SSL化とサイトのURL: 「設定」→「一般」のサイトアドレスが
https://になっているか確認します。記事を書いた後でURLを変えると、画像や内部リンクの修正が必要になります。 - パーマリンク: 「設定」→「パーマリンク」で、記事URLの形式を決めておきます。公開後に変えるとURLが変わり、検索エンジンの評価や外部からのリンクに影響します。
- バックアップ: すでに記事があるサイトでテーマを変更する場合は、ファイルとデータベースのバックアップを取ります。
既存サイトからの乗り換えでは、前のテーマ独自のショートコードや装飾ブロックが、AFFINGER6では表示されなくなります。記事の中で前テーマの独自機能をどれくらい使っているかを、事前に把握しておきます。
テーマのインストールと子テーマの有効化
AFFINGER6は有料テーマで、販売名は「ACTION（AFFINGER6）」です。価格や購入方法は変わることがあるため、公式の販売ページで確認してください。購入後、購入者向けのページからテーマのファイルをダウンロードします。
ここでつまずきやすいのが、ダウンロードしたファイルの構成です。ダウンロードしたZIPが、親テーマ・子テーマ・マニュアルなどをまとめたものになっている場合、そのままアップロードすると「スタイルシートがない」という趣旨のエラーで失敗します。一度パソコン上で展開し、中に入っている親テーマのZIPと子テーマのZIPを確認してから、それぞれをアップロードします。
インストールの流れは次のとおりです。
- 「外観」→「テーマ」→「新規追加」→「テーマのアップロード」から、親テーマのZIPをアップロードする
- 同じ手順で子テーマのZIPをアップロードする
- 有効化するのは子テーマの方にする
アップロード時に「リンクの有効期限が切れています」と表示される場合は、サーバー側のアップロードサイズの上限を超えています。サーバーの管理画面でPHPのアップロード上限を引き上げるか、FTPで wp-content/themes/ に展開済みのフォルダを直接アップロードします。
子テーマを有効にするのは、テーマの更新に備えるためです。親テーマのファイルを直接書き換えると、更新時に新しいファイルで上書きされて変更が消えます。CSSやPHPのカスタマイズは子テーマ側に書いておけば、親テーマを更新しても残ります。
サイト全体の基本設定
子テーマを有効にすると、管理画面にAFFINGER専用の設定メニューが追加されます。AFFINGER6の設定は、この専用メニューと、WordPress標準の「外観」→「カスタマイズ」（カスタマイザー）の両方に分かれています。おおまかには、色や見た目のプレビューを伴う設定はカスタマイザー、機能のオン・オフや出力の設定は専用メニュー、という分担になっていますが、目的の設定が見つからないときは両方を確認します。
最初に決めておくとよいのは次の項目です。
- サイトのタイトル・キャッチフレーズ・サイトアイコン: カスタマイザーの「サイト基本情報」で設定します。キャッチフレーズは検索結果やヘッダーに表示されることがあるので、初期値のままにしないようにします。
- 全体の配色: メインの色を先に決めると、見出しやボタンなどの色を後から個別に調整する手間が減ります。プリセットの配色が用意されているので、近いものを選んでから細部を変えると効率的です。
- ヘッダーのロゴ: ロゴ画像を使う場合は、表示する大きさの2倍程度の解像度で用意すると、高解像度の画面でもぼやけません。
- レイアウト: サイドバーの有無や位置、スマートフォンでの表示を決めます。
配色や装飾は凝り始めると時間がかかります。公開前は全体の印象を決めるところまでにして、細かな調整は記事がある程度そろってから行う方が、実際の見え方を確認しながら進められます。
メニューとウィジェットの設定
グローバルメニューやフッターのメニューは、WordPress標準の「外観」→「メニュー」で作成し、テーマが用意しているメニューの位置に割り当てます。スマートフォン用のメニューを別に設定できる場合もあるので、PCとスマートフォンの両方で表示を確認します。
サイドバーやフッターに表示する内容は「外観」→「ウィジェット」で設定します。プロフィール、カテゴリー一覧、人気記事などを配置することが多いですが、項目を増やしすぎるとページが重くなり、読者の視線も分散します。最初はプロフィールとカテゴリー程度に絞り、必要に応じて追加します。
お問い合わせページとプライバシーポリシーのページは、公開前に作っておきます。広告やアフィリエイトを利用する場合は、多くの提携先で掲載が求められます。
SEO設定とアクセス解析の重複に注意する
AFFINGER6には、記事ごとのメタディスクリプションやnoindexの指定、アクセス解析やSearch Consoleの確認コードを入れる欄など、SEO関連の機能が備わっています。ここで気を付けたいのが、SEOプラグインとの重複です。
テーマとプラグインの両方で同じ機能を有効にすると、メタディスクリプションやOGPのタグが二重に出力されたり、アクセス解析のタグが2回読み込まれてページビューが重複計測されたりします。テーマの機能を使うか、プラグインに任せるかをどちらか一方に決め、もう一方は無効にします。
設定後は、公開ページのソースを開き、meta name="description" や og:title、解析用のタグが1回だけ出力されているかを検索して確認します。Search Consoleの所有権確認やサイトマップの送信もこの段階で済ませておくと、公開直後から検索での表示状況を追えます。
記事を書き始める前に決めておくこと
AFFINGER6には、ボックスや吹き出し、ボタンなどの装飾機能が多く用意されています。便利な反面、これらはテーマ独自の機能なので、将来ほかのテーマに乗り換えると表示が崩れたり、ただの文字列として表示されたりします。多用する装飾は数種類に絞り、使い方のルールを決めておくと、見た目の統一と将来の移行の両方に役立ちます。
アイキャッチ画像のサイズ比率も、最初に決めておきます。記事一覧やSNSでの表示で切り取られ方が変わるため、途中で比率を変えると過去の記事の画像を作り直すことになります。
表示速度と更新の運用
多機能なテーマは、使っていない機能の分だけCSSやJavaScriptが読み込まれることがあります。使わない機能は設定で無効にし、Webフォントなど外部から読み込むものは本当に必要かを見直します。キャッシュ系のプラグインを導入したら、メニューの開閉やスライダーなどテーマの動きのある部分が正常に動くかを確認します。
テーマの更新は、WordPressの管理画面から自動で配信される無料テーマとは仕組みが異なり、購入者向けのページで新しいバージョンを入手する形になります。更新情報は定期的に確認し、更新前にはバックアップを取ります。更新後は、子テーマに書いたカスタマイズが親テーマの変更と衝突していないかも確かめます。
公開前の確認
- 子テーマが有効になっているか
- サイトのタイトル・キャッチフレーズ・アイコンが設定されているか
- PCとスマートフォンの両方で、メニュー・サイドバー・フッターが意図どおりに表示されるか
- メタディスクリプションや解析タグが二重に出力されていないか
- お問い合わせページとプライバシーポリシーがあるか
- 「設定」→「表示設定」の検索エンジンでの表示を制限する項目が、公開時に外れているか
まとめ
- 配布ファイルは展開してから、親テーマと子テーマを別々にアップロードし、子テーマを有効にする
- 設定は専用メニューとカスタマイザーに分かれている。最初はサイト情報・配色・ロゴ・レイアウトを決める
- SEOや解析タグはテーマとプラグインのどちらか一方に任せ、ソースで重複がないかを確認する
- 独自の装飾は使う種類を絞り、将来のテーマ変更に備える
- 更新は購入者向けページから入手する形なので、バックアップを取ってから行う