購入後に最初に確認する項目と手順
「EX版を購入したけれど、どのファイルを入れる？」「設定項目が多くて、何から触ればいい？」と迷っていませんか。
はまちゃんねるではAFFINGER7 EXでブログとWeb制作を行っています。この記事では、テーマの導入、WordPressの基本設定、デザイン・SEO、EX専用機能まで、最初に確認したい順番で整理します。
AFFINGER7 EXはカスタマイズできる範囲が広いテーマです。ただ、購入直後にすべての機能を使う必要はありません。最初は「正しく表示できる」「記事を書ける」「後から安全に修正できる」状態を作り、必要になった機能を追加する方がスムーズです。
購入ファイルの確認 → 親・子テーマの導入 → AFFINGER管理の初回保存 → WordPressのURL・公開設定 → デザイン・SEO → プラグイン・EX機能の順で進めるのがおすすめです。
- ✓親テーマを先にインストールし、子テーマを使う場合は子テーマを有効化する
- ✓ブロックエディター利用時は「AFFINGERブロック」プラグインを導入する
- ✓テーマ有効化後に「AFFINGER管理」のSaveを一度実行する
- ✓パーマリンクや検索エンジンへの公開設定は、記事を増やす前に確認する
- ✓EX専用機能・セット付属プラグインは目的に応じて追加する
AFFINGER7 EXの購入後に、まず確認したい項目
テーマを入れる前に、手元のファイルとサイトの状態を確認しておきましょう。新規サイトと、すでに記事があるサイトでは、同じ設定変更でも影響範囲が違います。
| 確認項目 | 新規サイトの場合 | 運用中サイトの場合 |
|---|---|---|
| 購入ファイル | 同梱されたテーマ・プラグインを確認 | 購入した商品・既存テーマの組み合わせを確認 |
| バックアップ | 設定を始める前に復元手段を把握 | ファイルとデータベースを事前保存 |
| 現在のURL | 本番ドメイン・SSLを確認 | URL構造を変えるか慎重に判断 |
| デザイン | 色・カラムから作る | 変更前後の表示を比較 |
| プラグイン | 必要なものだけ有効化 | 既存のSEO・キャッシュ・目次と重複しないか確認 |
購入データをダウンロードしたら、同梱の「必ずお読みください」などを確認してください。販売商品や提供時期により、収録ファイル・特典は異なる場合があります。ファイルの展開先を誤ると、WordPressで「スタイルシートが見つかりません」と表示されることがあります。
すでに通常版AFFINGERを使っている方は、EXへ変更する前にカスタマイザー・ウィジェット・個別CSSの状態も控えておくと安心です。通常版とEXの違いは、私がまとめたAFFINGER7 EXと通常版の比較でも解説しています。
AFFINGER7 EXの親テーマ・子テーマをインストールする手順
WordPressのテーマは「外観」からインストールします。購入データ全体のZIPをそのままアップロードするのではなく、展開したフォルダ内のテーマ用ZIPを選びます。
ダウンロード期限内に取得した購入一式をPCなどに保管し、「WordPressテーマ」フォルダを確認します。
WordPress管理画面「外観 → テーマ → 新規追加 → テーマのアップロード」で、商品に同梱された親テーマのZIPを選びます。
同じ画面から子テーマのZIPもインストールします。独自CSSなどを継続的に調整するなら子テーマの利用が便利です。
親テーマのインストール後、子テーマを使う場合は子テーマを有効化します。親テーマだけでも利用できますが、子テーマだけでは動作しません。
トップページ、投稿ページ、メニュー、スマートフォン表示を開き、エラーやレイアウト崩れがないか確認します。
テーマ本体。最初にインストールします。
必要に応じて導入。使う場合は子テーマを有効化します。
公式のAFFINGER7製品案内では、親テーマ・子テーマとブロックプラグインの導入が説明されています。通常版からEXへ切り替える場合も、先にバックアップを取ってから進めてください。
テーマを整える前に確認したいWordPressの基本設定
AFFINGER固有の設定に進む前に、WordPress本体の設定を揃えましょう。特にパーマリンクと公開設定は、記事を増やしてから変更すると手間がかかります。
サイトタイトル、キャッチフレーズ、管理者メール、タイムゾーンが「東京」になっているか確認します。
新規ブログなら「投稿名」など管理しやすい構造を検討します。すでに公開URLがある場合は、リンク切れや転送対応が必要になるため安易に変更しません。
ホームページの表示方法、一覧の投稿数、検索エンジンへのインデックス抑制設定を確認します。公開する段階で意図せず検索を拒否していないことが重要です。
コメントを受け付けるか、承認制にするか、不要なら停止するか決めます。
管理者アカウントを共有せず、HTTPSで公開されているか、ログイン方法やバックアップ手段を確認します。
AFFINGER管理で最初に保存する設定
テーマを有効化したら、「AFFINGER管理」で少なくとも一度「Save」を実行します。公式の初期設定マニュアルでも、テーマを有効化した際に初期値を保存するよう案内されています。
WordPress管理メニューからテーマの管理画面へ移動します。バージョンによりタブの表示名や配置が変わる場合があります。
カラーパターン・デザインパターン・レイアウトなど、サイト全体に関係する項目を確認します。
まず初期状態を保存し、次にカラーパターンなどの変更を一つずつ行います。
トップのレイアウト、一覧の表示方法、アイキャッチの比率などは「トップ/記事一覧」も確認します。
変更した箇所がPCとスマートフォンの両方で意図どおり表示されているかチェックします。
記事一覧のカード設定はAFFINGER7の更新で「トップ/記事一覧」側へ移動しています。具体的な手順は記事一覧をカード化する方法にまとめています。
カラーパターン・ヘッダー・スマホ表示を整える
デザインの初期設定は「色」「文字」「ナビゲーション」「カラム」の順に進めると整理しやすくなります。色数や装飾を増やすより、読者が記事を探しやすいことを優先しましょう。
| 設定する場所 | 最初に確認すること | 公開前のチェック |
|---|---|---|
| カラーパターン / カスタマイザー | メイン・サブ・文字色と背景色 | 白背景に白文字が紛れないか |
| サイトロゴ・ヘッダー | ロゴの大きさ、ヘッダーメニュー | スマホの表示領域を圧迫しないか |
| 記事・サイドバー | 1カラム / 2カラムの使い分け | 本文幅が窮屈でないか |
| アイキャッチ・一覧 | サムネイル比率、タイトルの長さ | 画像切れ・縦横比の不揃いがないか |
| フッター・固定メニュー | プライバシーポリシー・問い合わせ等 | 重要ページへすぐ移動できるか |
最初に見出しデザインを作り込みすぎない
はまちゃんねるでは、記事の種類に応じて独自HTML・CSSを使い、比較表や図解を作っています。ただし、これらはAFFINGER7 EXを有効化しただけで自動生成されるものではありません。まずはテーマ標準の見出しと本文の読みやすさを整え、必要に応じて独自デザインを追加しています。
SEO・Search Console・OGPの初期設定
AFFINGER7 EXにはSEOに関係する設定がありますが、テーマを変更するだけで検索順位が上がるわけではありません。まずは検索エンジンがページを読み取れる状態と、記事内容が伝わる構成を作ることが重要です。
トップページのサイト名と各記事のタイトルを整理します。タイトルの自動付加設定を使う場合は、同じ語句が重複しないかプレビューで確認します。
投稿画面では記事タイトルがH1として出力されるか確認し、本文で見出しレベルを飛ばしすぎないよう整理します。
サイトの所有権確認を行い、クロールやインデックス登録状況を見られるようにします。
XMLサイトマップのURLと公開対象を確認。WordPress本体やSEOプラグインなど複数の生成元があるときは運用方法を統一します。
OGPのタイトル・説明・アイキャッチを確認し、SNSで共有した際に意図した画像が出るか見ておきます。
内部リンクは記事を公開してからまとめて足すのではなく、関連する解説を読める場所に自然に置くと使いやすくなります。
AFFINGERブロック・目次・デザインカードの確認
ブロックエディターでテーマ独自の装飾を使う場合は、AFFINGERブロックのプラグインが必要です。公式の製品案内では、同梱の「st-blocks.zip」をプラグインとしてインストールする手順が紹介されています。
購入データの「Gutenberg用プラグイン」などのフォルダでst-blocks.zipを確認します。
「プラグイン → 新規追加 → プラグインのアップロード」からZIPのままインストールし、有効化します。
段落、見出し、ボックス、ボタンなどのブロックを1つずつ追加して公開画面を確認します。
「すごいもくじ」などを使う場合は、自動挿入と記事独自の目次が重複しないよう設定します。
デザインカードは後からでも十分
初期デザインをまとめて反映できる「AFFINGERデザインカード」は便利ですが、既存のヘッダー・メニュー構成を持つサイトでは、取り込みによる変更範囲を確認してから使用しましょう。まずは標準機能で記事を公開できる状態にすることをおすすめします。
AFFINGER7 EX限定機能は何から使う？
EXを購入したからといって、限定機能をすべて設定する必要はありません。テーマの基本設定が終わった後に、記事の目的に合うものを一つずつ導入しましょう。
| 機能 | 使いどころ | 初期設定時の優先度 |
|---|---|---|
| レビューブロック | 商品レビューの評価・コメントを整理 | 商品レビューを始めるとき |
| 記事一覧（ID）ブロックのカード化 | 関連記事や特集記事を見せる | 記事がある程度増えたとき |
| 個別ページのLPワイド | サービス紹介や募集ページを全幅で見せる | LPを制作するとき |
| 表示期間ブロック | 期間のある案内を管理 | キャンペーンを掲載するとき |
| スライドコンテンツブロック | 情報量の多い説明を整理 | コンテンツ設計が必要なとき |
使い方は、レビューブロックの解説、記事一覧のカード化、LPワイドの設定方法を、それぞれ実例付きで紹介しています。
EX環境セット購入者は、付属プラグインも確認
「AFFINGER7 EX」というテーマと「AFFINGER7 EX環境セット」という商品構成は区別しましょう。環境セットにはテーマ本体に加えて、タグ管理マネージャー、PVモニター、ABテストなどが含まれると公式で案内されています。
| 付属機能 | 主な役割 | 導入前に確認したいこと |
|---|---|---|
| タグ管理マネージャー | 広告リンクの管理・クリック計測 | リンク形式と既存計測の重複 |
| PVモニター | 記事別のアクセス推移など | GA4と同一の数値にはならないこと |
| ABテスト | 広告・コンテンツの表示比率を比較 | テスト対象、母数、計測期間 |
| すごいもくじ［LITE］・デザインカード | 目次生成・外観の初期セット | 配布内容と既存設定への影響 |
PVモニターは独自の計測方式を使うため、Googleアナリティクスなどと数値が一致するとは限りません。タグ管理マネージャーについても、一般的なaタグのリンクと、script・iframe形式の広告とで計測条件が異なる点に注意してください。
セットの詳細は、私が比較したAFFINGER7 EX環境セットの内容と価格をご参考ください。
広告リンク・CTAを設置する前に確認したいこと
アフィリエイト広告を使う場合は、広告先を増やすより、読者が内容を理解した後に自然に確認できる配置にしましょう。AFFINGER7のテーマ機能と、広告サービス側が発行するコードの取り扱いは別です。
- ✓記事冒頭など必要な位置に広告・PRの表記を設ける
- ✓広告リンクの商品名と遷移先が一致することを確認する
- ✓広告サービスが提供するHTML・scriptは勝手に改変しない
- ✓広告リンクのクリック計測や画像タグを二重に入れない
- ✓PC・スマートフォンでボタンが押しやすく、遷移先が正しいか確認する
通常版とEX環境セットは別商品
AFFINGER7通常版の販売ページと、EX環境セットの販売ページは別です。すでにEXをお持ちなら、買い直しよりもまず導入済み機能を活かすことをおすすめします。
これからEX環境を揃える方へ
EX専用テーマと計測・改善プラグインの内容を確認できます。必要な機能が揃っているか、通常版との違いを比較して選んでください。
AFFINGER7 EX環境セットを確認する最新価格・セット内容は販売画面でご確認ください。
基本機能を中心に検討したい方は、AFFINGER7通常版の販売ページも確認できます。
購入後によくあるトラブルと確認方法
初期設定でつまずいたときは、複数のプラグインやCSSを一気に触るのではなく、原因を一つずつ切り分けます。
| 症状 | まず確認すること | 対処の方向性 |
|---|---|---|
| 「style.cssがありません」 | 購入一式のZIPを選んでいないか | 外側ZIPを展開してテーマ用ZIPを選ぶ |
| 子テーマで画面が崩れる | 親テーマのインストール状況 | 親・子の組み合わせを再確認 |
| AFFINGERブロックが出ない | st-blocks.zipの導入と有効化 | プラグイン画面で確認 |
| 色や見出しが変わらない | Save・カスタマイザー・キャッシュ | 1設定ずつ保存し直して確認 |
| 目次が二重表示される | 自動目次と独自目次の両方 | 自動挿入の範囲を見直す |
| スマホで横に広がる | 固定幅の表・画像・独自CSS | 横スクロール範囲を要素単位に限定 |
| SEOタイトルが重複 | テーマとSEOプラグインの設定 | 管理元を整理する |
記事公開前に確認したいチェックリスト
デザインを一通り設定したら、テスト用記事を作り、公開前に次の項目を確認してください。
- ✓親テーマ・子テーマのインストール先と有効なテーマが正しい
- ✓AFFINGER管理の初期保存が完了し、変更が反映されている
- ✓サイトタイトル・タイムゾーン・パーマリンクが意図どおり
- ✓検索エンジンへの公開設定が適切になっている
- ✓PC・スマホでメニュー、記事、サイドバーが読める
- ✓画像が崩れず、記事一覧のサムネイルが表示される
- ✓H1、H2、H3、内部リンクとページタイトルが整理されている
- ✓プライバシーポリシー・問い合わせページへ移動できる
- ✓広告表記と広告リンクの遷移先が正しい
- ✓目次の二重表示や白文字表示が起きていない
- ✓更新前のバックアップと復元方法を把握している
- ✓プレビューと実公開画面で結果を確認した
AFFINGER7 EXの初期設定でよくある質問
はい。親テーマのみでも動作します。ただし、今後の独自CSSやテンプレートの調整を考えるなら子テーマの利用が便利です。
子テーマは親テーマが必要です。先に親テーマをインストールしてから、子テーマを有効化してください。
購入一式のZIPは展開が必要です。中にあるテーマ用ZIPを選んでアップロードします。
AFFINGER独自のGutenbergブロックを使う場合に導入します。通常の段落や見出しなどWordPress標準ブロックだけで記事を書くこともできます。
公式の初期設定案内では、テーマ有効化時に一度Saveで初期設定を保存するよう説明されています。
いいえ。独自の目次を用意する記事では二重表示を避ける必要があります。どの方法で目次を出すか決めましょう。
必要ありません。レビュー・記事一覧・LPなど、現在のサイトに必要な機能から一つずつ導入する方が管理しやすくなります。
通常、WordPressの投稿データ自体がテーマ変更だけで消えるわけではありません。ただしショートコードやデザインの表示は変わり得るため、バックアップと事前確認が必要です。
併用自体は可能ですが、タイトル・メタ情報・サイトマップなどの設定が重複しないよう管理元を整理してください。
いいえ。どの指標を把握したいか決めてから導入します。セット付属機能とテーマ本体の標準機能も区別しましょう。
テーマの変更だけで順位が上がるとは限りません。検索意図に合う記事内容、適切な見出し、ページの表示品質なども重要です。
インストール手順・初期保存・ブロック・EX機能の説明は、AFFINGER7公式製品案内、公式の最初の準備編、AFFINGER7/EXリリース情報、AFFINGER7 EX環境セットの説明を参照しています。設定名や付属物は利用中のバージョンと購入内容をご確認ください。
AFFINGER7 EXの初期設定は、先に土台を整えることが大切
購入後は、まず親テーマ・子テーマの導入と初回保存を済ませ、WordPressのURL・公開状態を確認しましょう。その後に色、ヘッダー、記事一覧、SEOを整え、テスト記事を1本作ると不具合を見つけやすくなります。
EX限定のレビューブロック・記事カード・LPワイドは、サイトの目的に合わせて段階的に導入すれば十分です。最初から設定を完成させることより、記事を公開して改善できる状態にすることを優先しましょう。