テーマ

AFFINGER6の使い方を10分で理解!最初にやった初期設定と装飾テクを紹介するよ

KEI

AFFINGER6の使い方を10分で理解!最初にやった初期設定と装飾テクを紹介するよ

KEILOG

WordPressでAFFINGER6(アフィンガー6)をインストールしたばかりのアナタ。

AFFINGER6を買ったはいいけど、「設定項目が多すぎて、何から触ればいいの?」という人や「あの設定はどうしたらいいの?」と迷っている人も多いはず!

AFFINGER6の初期設定は何を優先してやるべき?

ブログカードや吹き出しの装飾って、どうやって出すの?

ブログ運営歴だけなら10年以上で、Stinger⇒AFFINGER4AFFINGER5と、ずっと使い続けてきたボク。

今は、もちろんAFFINGER6をメインサイトでバリバリ使っています。

ボクも一番最初は「設定項目が多すぎて・・・(笑)」と、管理画面を開いたまま固まったクチなんですよね。

でも、結論をいうと「設定場所の4か所」と「初期設定10項目」と「装飾5つ」さえ押さえれば、10分で使い方の全体像が掴めちゃうんですよ!

追記 2026/7

AFFINGER7が発売されたけど、機能が追加されただけで基本部分は変わらないです!

そこで、AFFINGER6の使い方を初心者さん向けに1から10まで徹底解説するよ♪

スポンサーリンク

AFFINGER6の使い方を始める前に!3行で押さえるAFFINGER6の基本情報

まずは、AFFINGER6の基本情報を3行だけサクッと押さえちゃいましょう♪

AFFINGER6の基本情報

  • アフィリエイト・収益化に特化した有料WordPressテーマ(別名「ACTION」)
  • 価格は14,800円(税込)の買い切りで、追加費用は一切かからない
  • 購入者の個人単位で複数サイトに使い回しOK
けい
けい

ざっくり言うと、「本気でブログで稼ぎたい人のために作られたテーマ」って感じですね。

AFFINGER6って本当に評判いいの?」「メリット・デメリットは?」って気になるアナタは、AFFINGER6の評判記事でまとめてるから合わせて読んでみてね♪

参考

設定画面の全体像AFFINGER6の使い方はこの4か所を押さえればOK!

AFFINGER6を開いて、設定画面が多すぎて迷子になりますよね・・・。

けい
けい

ボクも一番最初は「どこで何を設定するの?」と、管理画面をグルグル徘徊してました(笑)

でも、実はAFFINGER6の設定は4か所に集約されているよ!

設定場所できること
AFFINGER管理AFFINGER6独自の機能設定(カラー・デザインパターン・広告・SEO・投稿系オプションなど)
外観>カスタマイズWordPress標準のカスタマイザー(ロゴ・サイトタイトル・色の微調整・プレビューつき編集)
外観>メニューグローバルメニュー・フッターメニューなどのナビゲーション
外観>ウィジェットサイドバー・フッター・記事下などにパーツを配置

つまり、大きな設定は「AFFINGER管理」、見た目の微調整は「カスタマイズ」、導線は「メニュー」、パーツ配置は「ウィジェット」と覚えればOKということです!

ざっくりした役割分担を知っておくだけで、「この設定どこだっけ?」って迷う時間がグッと減ります。

けい
けい

最初は4か所だけ覚えれば大丈夫だから、焦らなくてOKですよ♪

スポンサーリンク

8項目導入後すぐにやるAFFINGER6の必須初期設定

いよいよ、AFFINGER6の初期設定8項目をやっていきましょう♪

初心者さんでも2〜3時間あれば完了できる分量だから、コーヒー片手にのんびり進めればOKですよ。

けい
けい

ボクも最初に一気にやったけど、やっておくと後が本当にラクになるから、ここは頑張りどころです!

では、AFFINGER6導入後すぐにやるAFFINGER6の必須初期設定を説明するよ♪

AFFINGER管理の「はじめに」で「Save」をクリック

AFFINGER6を有効化したら、まず最初にやること

まず最初にやること

  • 管理画面のサイドバーから「AFFINGER管理」をクリック
  • はじめに」タブを開く
  • 一番下にある「Save」ボタンをクリック

これだけで、AFFINGER6の初期値が読み込まれます

地味だけど、「Save」を押さないとAFFINGERの機能がうまく動かないことがあるから、絶対に忘れないでね!

パーマリンクを「投稿名」か「カスタム構造」に設定

パーマリンクとは、記事ごとのURLの末尾部分のことだよ。

つまり、「https://example.com/ここの部分」をどう表示させるかの設定ということですね。

パーマリンク設定

  • 管理画面の「設定>パーマリンク」を開く
  • パーマリンク構造」で「投稿名」を選択か「カスタム構造」を選択して入力
  • 下の「変更を保存」ボタンをクリック

パーマリンクは記事を公開した後に変更すると、URLが変わってSEOに悪影響が出ます。

記事を書き始める前に必ず設定しておきましょう!

けい
けい

ボクも昔、何も考えずに後から変更してアクセスがガクッと落ちた苦い経験が・・・(笑)カスタム構造で「/%postname%/」にしています!

サイト名・キャッチフレーズを決める

サイトの顔となる部分を決めていきます。

サイト名・キャッチフレーズ

  • 設定>一般」を開く
  • サイトのタイトル」にサイト名を入力
  • キャッチフレーズ」にサイトの簡単な説明を入力
  • 変更を保存」をクリック

キャッチフレーズは20〜30文字程度で、サイトの内容がパッと伝わるものにするのがおすすめだよ♪

カラー・デザインパターンを適用

AFFINGER6の楽しいところ、デザインのベースを決めちゃいましょう♪

カラー・デザインパターンを適用

  • 管理画面のサイドバーから「AFFINGER管理」をクリック
  • 全体設定」タブを開く
  • カラーパターン(色の組み合わせ)とデザインパターン(全体の雰囲気)を選ぶ
  • Save」で保存

ボクは最初、カラーパターンだけ適用して、様子を見ることが多いです。

細かいカラー調整は、この後「外観>カスタマイズ」で微調整すればOKですよ。

けい
けい

最初からガッツリ決めなくて大丈夫だよ!記事を書きながら少しずつ整えていけばいいんです♪

サイトアイコンを設定

サイトアイコンとは、ブラウザのタブに表示される小さなアイコンのこと。

つまり、サイトの「顔写真」みたいなものと思ってくれればOKですよ。

サイトアイコンを設定

  • 外観>カスタマイズ」を開く
  • サイト基本情報」を選択
  • 画像を変更」から画像をアップロード
  • 公開」をクリック

サイトアイコンを設定しておくと、ブックマークした時にアナタのサイトが一目でわかるから、リピーターの獲得にも地味に効くよ♪

Googleアナリティクス・サーチコンソールを連携

Googleアナリティクスは、ブログのアクセス解析ツール、サーチコンソールは、どんなキーワードで検索されているかが分かるGoogleの公式ツールです。

どの記事が読まれているか、読者さんがどこから来たか、ざっくり全部わかるスグレモノです。

Googleアナリティクス・サーチコンソール連携

  • Googleアナリティクスでアカウントを作成し、測定ID(UA-又はG-を含むトラッキングID又)を取得
  • サーチコンソールでサイトを登録し、HTMLタグの認証コードを取得
  • 管理画面のサイドバーから「AFFINGER管理」をクリック
  • Google・広告/AMP」タブを開く
  • アナリティクスコード(gtag.js)」欄に測定IDを入力
  • サーチコンソールHTML」欄にcontent="ここの部分のみを記述"を入力
  • Save」で保存

これでアクセスデータが取れるようになるよ♪

けい
けい

アナリティクスとサーチコンソールはブログ運営の必須ツールだから、ここで一緒に済ませちゃいましょう♪

SNS連携・OGP設定

OGP(Open Graph Protocol)とは、SNSでシェアされた時に画像・タイトル・説明文をセットで表示させるための仕組みのこと。

つまり、「SNS用の顔写真登録」と思ってくれればいいですよ♪

TwitterやFacebookで記事がシェアされた時に、画像とタイトルがキレイに表示されるようにする設定です。

SNS連携・OGP設定

  • 管理画面のサイドバーから「AFFINGER管理」をクリック
  • SNS / OGP」タブを開く
  • Facebook AppID」欄と「FacebookページのURL」欄を入力
  • X(旧Twitter)アカウント@」欄を入力
  • X(旧Twitter)のタイプを「summary_large_image」などから選択
  • トップページ(投稿・固定ページ以外)アイキャッチ画像でデフォルトのOGP画像をアップロード
  • Save」で保存

SNSからの流入は記事公開直後のアクセスに直結するから、最初にやっておくと後がラクだよ♪

エディタ設定(ブロック or クラシック)

AFFINGER6はブロックエディタ(Gutenberg)にもクラシックエディタにも対応しています。

ClassicEditor プラグイン」をインストールすれば、昔ながらの書きやすいエディタに切り替えられるよ。

向いている人

  • ブロックエディタ:AFFINGER6の新しいブロック装飾をフル活用したい人
  • クラシックエディタ:HTMLに慣れている人・昔からのWordPressユーザー

ボクはブロックエディタ派になったけど、最初はどちらでもOKです!

けい
けい

書きやすい方を使ってね♪

デザインを整える手順AFFINGER6のトップページとサイドバーの使い方

初期設定が終わったら、次はサイトの見た目を整えていくよ♪

けい
けい

ここはアナタの好みでカスタマイズできる楽しい部分だから、肩の力を抜いていきましょう!

AFFINGER6のトップページとサイドバーの使い方を説明するよ♪

ヘッダーエリアの設定手順(ロゴ・メニュー・インフォメーションバー)

ヘッダーはサイトの一番上の目立つ部分です。

サイトの第一印象を決めるから、大事にしたいところだよね。

ヘッダーエリアの設定

  • ロゴ画像の設定:「外観>カスタマイズ>ヘッダー画像」から画像をアップロード
  • グローバルメニュー:「外観>メニュー」で新規メニューを作成し、「メインメニュー」にチェック
  • インフォメーションバー:「外観>ウィジェット」で、ヘッダーインフォメーションエリアに「20_AFFINGERインフォメーション」を配置してヘッダー上部に表示する告知文を設定

インフォメーションバーは、「告知」や「Amazonプライムデー」などに使うと効果バツグンだよ♪

トップページのレイアウト(おすすめ記事・カテゴリー・新着記事)

トップページはサイトの顔です。

読者さんに「何のサイトか」を一瞬で伝える場所で、AFFINGER管理で設定できます。

トップページのレイアウト

  • おすすめ記事:「ヘッダー下/おすすめ」タブでピックアップしたい記事のIDを入力
  • カテゴリー表示:「投稿・固定記事」タブで表示スタイルを選択
  • 新着記事:「トップページ」タブで表示件数やサムネイル形式を設定

ボクのおすすめは、「おすすめ記事3つ+カテゴリー一覧+新着記事」の構成で、読者さんが「何から読めばいいか」で迷わない、親切な導線になりますよ♪

サイドバーウィジェットの配置(プロフィール・目次・人気記事)

サイドバーは読者さんを他の記事へ誘導する大事なエリアです。

サイドバーウィジェットの配置

  • 外観>ウィジェット」を開く
  • サイドバーウィジェット」に以下をドラッグ&ドロップ:
    • 11_STINGERプロフィールカード:アナタの自己紹介
    • 検索
    • 新着記事
    • カテゴリー
  • 各ウィジェットの中身を入力して「保存

プロフィールカードを置くと、「誰が書いてるか」が見える化されて、読者さんの安心感がグッと上がるよ♪

スポンサーリンク

厳選5つの使い方を実演AFFINGER6の記事装飾機能の使い方

AFFINGER6のブロック装飾は主要15機能もあって、全部試そうとすると時間がいくらあっても足りない・・・。

けい
けい

ボクも最初は全機能を試して、1日潰れました(笑)

結論からいうと、この5つさえ押さえれば9割の記事が書けるようになるよ♪

内部リンクをカード型にブログカードの作り方

ブログカードとは、他の記事をカード型でキレイに表示する機能です。

他の記事のURLをそのまま投稿画面に貼り付けるだけで、ブログカード表示になります。

ただし、「Gutenberg 設定」の「埋め込みURL」が「URLの自動ブログカード化を停止する」にチェックがあると、ブログカードになりません!

ブログカードを使うと、単なるテキストリンクよりクリック率がグッと上がります

内部リンクはブログカード、外部リンクはテキストリンクと使い分けると、見た目もキレイにまとまるよ♪

キャラで記事に表情を会話吹き出しの使い方

吹き出しは、キャラクター同士の会話風に記事を進行できる機能で、読者さんとの距離がグッと縮まります♪

AFFINGER管理 >会話アイコン」でキャラ画像と名前を登録(最大8人)して、投稿画面で「AFFINGER: 会話ふきだし」ブロックを追加して、登録したキャラを選んで、セリフを入力します。

枠線をつけたり、色を変えたりもできるから、記事に合わせて雰囲気をアレンジできちゃうよ♪

基本4種+カスタマイズボックスの使い方

ボックスは、大事なポイントを囲んで目立たせる装飾で、AFFINGER6には基本4種+豊富なカスタマイズがあるよ。

AFFINGER: マイボックス」などを追加して、ボックスの色・枠線・背景パターンを選び、テキストを入力します。

ボクがよく使うのは「メモ系(青)」「注意系(赤)」「まとめ系(グレー)」の3パターンで、用途ごとに色を決めておくと、読者さんも「これは重要情報だな」と一目で分かってくれますよ♪

記事・カテゴリー記事・タグ記事一覧

記事・カテゴリー記事・タグ記事一覧は、指定した記事IDやカテゴリー、タグで記事を一覧表示することができます!

AFFINGER: 記事一覧」などを追加して、記事IDやカテゴリー、タグを選び、表示数や並び順を設定します。

特に、文章の途中や最後に「あわせてよみたい」など、複数記事をキレイに配置できるから、めちゃ使ってます。

超便利!マイブロック

マイブロックはよく使うブロックパターンを登録しておけば、1クリックで簡単に呼び出すことができます。

ボックスブロックやリストブロックなど、よく使うブロックを登録しておけば毎回デザインする必要もなく、テキスト入力するだけで超便利!

管理画面のサイドバーから「マイブロック」をクリックして、新規マイブロックを登録します。あとは投稿画面の「パターン」に登録したマイブロックが表示されるので、クリックすると呼び出せます。

また、「AFFINGER: マイブロック」からも呼び出せるけど、元のブロックに変更があると一括で変更が反映されてしまうから注意してください。

けい
けい

マイブロックに登録しまくれば、記事執筆スピードが格段に上がるよ♪

AFFINGER6での記事の書き方!投稿画面の使い方

装飾の使い方を覚えたら、実際の記事の書き方に進みましょう♪

けい
けい

AFFINGER6は投稿画面にも独自のオプションがあるから、ここで使いこなせるとSEO面でも差がつくよ。

AFFINGER6の投稿画面の使い方を説明するよ♪

新規投稿の作成手順

まず、新規投稿の作成手順の流れは

新規投稿の作成手順

  • 管理画面の「投稿>投稿を追加」をクリック
  • タイトルを入力(32文字以内、キーワードを含める)
  • 本文をブロックエディタで記述
  • カテゴリーとタグを設定
  • アイキャッチ画像を設定
  • スラッグを設定(内容の簡単英語表記)
  • 「公開」または「下書き保存」をクリック

最初は「下書き保存」で様子を見るのがおすすめです。

けい
けい

プレビューでスマホ表示も確認してから、公開してね♪

SEO個別設定AFFINGER独自の投稿オプション

投稿画面の右サイドバーまたは下部に、AFFINGER独自の設定項目があるんだよね。

項目使い方
titleタグ強制書き換え検索結果に出るタイトル(記事タイトルと変えたい時)
メタディスクリプション検索結果に出る説明文(120文字前後)
index変更検索エンジンに表示させたくない記事だけON
非表示設定関連ヘッダーや更新日、関連記事、広告を非表示にできる

特にnoindexは使いどころを間違えると大事な記事が検索に出なくなるから、初心者さんはむやみに触らないのが正解ですよ!

アイキャッチ画像と記事内画像の挿入

アイキャッチ画像は、記事の顔になる画像です。

SNSシェア時にも表示されるから、重要です。

アイキャッチ画像と記事内画像の挿入

  • 投稿画面右側の「アイキャッチ画像を設定」をクリック
  • メディアライブラリから選ぶか、新規アップロード
  • 代替テキストやキャプションを入れるなら追加する
  • アイキャッチ画像を設定」をクリックで完了

記事内の画像は、ブロックエディタの「画像」ブロックから簡単に挿入できますよ♪

スポンサーリンク

広告設定の手順AFFINGER6の収益化機能の使い方

AFFINGER6はブログで稼ぐための収益化機能がぎっしり詰まっていて、広告まわりの手間をかなり減らしてくれます。

けい
けい

ボクはこの3つを全部使い分けているので、それぞれの向き不向きも一緒に説明するよ!

アドセンスをウィジェットに貼る方法と見出し前広告、そしてアフィリエイトタグの一元管理の3つを順番に説明するよ♪

PC・スマホ・記事内アドセンスをウィジェットに貼る手順

AFFINGER6でアドセンスを貼る場所は、AFFINGER管理ではなく「外観>ウィジェット」の専用エリアです。

設定4か所のうちの「ウィジェット」が、ここでいよいよ効いてくるということですね。

用意されているアドセンス用のエリアは、主に次の4つになります。

ウィジェットエリア使いどころ
広告・Googleアドセンス - PC(A)PC記事下表示の広告枠。まずはここから埋めるのが基本
広告・Googleアドセンス - PC(B)PCPC記事下表示の2つ目の枠。A・Bで出し分けができる
広告・Googleアドセンス - スマホスマホ表示専用。PCと違うサイズの広告を出せる
オリジナルショートコード自動表示ではなく、記事内の好きな位置に呼び出す枠

貼り付けの手順は、どのエリアでも共通で4ステップです。

アドセンスをウィジェットに貼る手順

  • 外観>ウィジェット」を開く
  • 貼りたいエリアを開いて「カスタムHTML(広告用)」を追加
  • アドセンスの広告ユニットコードをそのまま貼り付け
  • 保存」をクリック

PC用とスマホ用は分けて登録できるので、ボクは画面幅に合わせてサイズの違う広告ユニットを入れています。

オリジナルショートコード」だけは自動では表示されず、記事の中に [ originalsc ] と書いた場所に出てくる仕組みです。

けい
けい

実はこの記事のリード文の下にも同じショートコードが入っていて、そこに好きなパーツを差し込めるようになっているよ♪

見出し前広告でH2の直前にアドセンスを自動表示する

記事の途中にも広告を入れたいけど、全記事に手作業で貼るなんて現実的じゃないよね?

そんな時に使うのが、見出しの直前に広告を自動で差し込む機能です。

見出し前広告でH2の直前にアドセンスを自動表示する手順

  • AFFINGER管理>Google・広告 / AMP」を開く
  • 見出し前に広告挿入」のコード欄にアドセンスのコードを貼り付け
  • 対象記事(投稿記事・固定記事)にチェックを入れる
  • 何番目の見出しの前に出すかを選択
  • Save」で保存

通常版は表示位置を5箇所から選べて、EX版なら広告A・Bの2枠を使い分けたり、h2とh3のどちらに出すかを選べたりします。

けい
けい

ボクが入れているのは最初の1〜2個目の見出しの前だけで、それ以上は増やさないようにしています。

全部の見出しにチェックを入れると広告だらけで本文が読みにくくなるので、欲張らないのが結果的に長持ちしますよ。

ちなみに同じ画面にあるインフィード広告は、記事一覧に自然に混ぜる広告で、何記事目に表示するかを数字で指定するだけで設置できるよ♪

AFFINGERタグ管理マネージャー4でアフィリエイト広告タグを一元管理

アフィリエイトはアドセンスと違って、ASP(広告主とブロガーをつなぐ仲介サービス、A8.netやafbなど)のコードが差し替わることがあります。

記事が増えてからコードが変わると、全記事を手作業で直すハメになって本当に地獄なんだよね・・・。

けい
けい

そこで登場するのが「AFFINGERタグ管理マネージャー4」という専用プラグインです。

これは、広告コードに名前をつけて登録しておく仕組みです。

つまり、登録した1か所を直せば、貼ってある全記事に反映されるから、ざっくり「広告の住所録」と思ってくれればいいですよ。

しかも無料のLITE版がテーマ購入者向けに配布されているので、まずはお金をかけずに試せます。

ただしLITE版はクリックデータが最新7日分しか残らず、ランキング表示も3件までという制限がついています。

登録の手順は

AFFINGERタグ管理マネージャー4の使い方

  • プラグインを有効化すると、サイドバーに「AFFINGERタグ」が追加される
  • 新規 AFFINGER タグを追加」から形式(自由形式(Gutenbergブロック)など)を選ぶ
  • タグのタイトルと広告コードを入力して「公開」

記事に呼び出す時は、「AFFINGER: AFFINGER タグ」ブロックを追加して、登録したタイトルで検索して選ぶだけです。

けい
けい

このサイトの広告リンクはすべてこのタグで管理していて、差し替えのたびに全記事を巡回する作業からは完全に解放されました♪

参考

まとめ

AFFINGER6の使い方は、「設定4か所」+「初期設定8項目」+「装飾5つ」を押さえれば10分で全体像が掴めちゃいます。

あとは記事を書きながら、少しずつ細かいカスタマイズを追加していけば大丈夫ですよ!

けい
けい

ボクもAFFINGER6を使い始めた時は「設定項目が多すぎて無理かも・・・」って、管理画面を開いたまま固まりました・・・(笑)

でも、順番さえ守って一つずつ進めれば、初心者さんでも2〜3時間で基本の使い方は身につくので安心してね!

AFFINGER6で一緒に副業ブログを楽しみながら、コツコツ収益化していきましょう♪

AFFINGER7アップデート手順!無料でできる人・できない人とは?
AFFINGER7アップデート手順!無料でできる人・できない人とは?

いつもどおりWordPressの管理画面を開いたら、見慣れないお知らせが出ていました。 、リリース。 2026年6月10日、7年ぶりのメジャーバージョンアップで、同時にAFFINGER6は販売も開発も終了することが発表されたの! AFFINGER7へのアップデートって、無料でできるの? アップデートの手順は?いつもと同じやり方でいいの? AFFINGER7に移行したあとに、壊れたりしないか心配になりますよね・・・。 ブログ運営歴だけなら10年以上、Stinger⇒AFFINGER4⇒AFFINGER5⇒A ...

WordPressのテーマ(テンプレート)の選び方やインストール方法を徹底解説
WordPressのテーマのおすすめは?無料でもおしゃれなのは?初心者に選び方やインストール方法を徹底解説

先日、友達から「WordPress(ワードプレス)でブログを始めたけど、テーマ(テンプレート)って何がいい?」と相談を受けました。 ボクも最初に悩んだけど、当時は無料のWordPressのテーマで人気のStinger5で始めたんですよね。 WordPressのテーマ(テンプレート)は、無料ブログでいえば「スキン」と同じで、サイト・ブログの外観デザインや構成、骨組みですね! WordPress(ワードプレス)のテーマ(テンプレート)は色々あるけど、無料と有料のどちらがいい? みんなが使っている人気のWord ...

WordPressをインストール後の初期設定のおすすめややり方を画面付きで徹底解説

もう何個、WordPress(ワードプレス)でサイトやブログを立ち上げたかわからない・・・。 でも、毎回初めにやっておく設定のどこかが抜けているんですよ(笑) ムームードメインなどで独自ドメインを取って、エックスサーバーなどのレンタルサーバーを契約して、WordPressのインストールまで終わったから、「さぁブログを書くぞぉ!」ってなっているアナタ。 WordPressをインストールした後に、やっておいた方がいい初期設定はやった? 最初に設定しておかないと、後で設定変更が大変だったり、検索順位が落ちて売上 ...

  • この記事を書いた人
  • 最新記事
けい

KEI

初めて簡単なサイトを作ったのはGaiaxで、その後無料ブログサービスでブログを書き、2014年末からWordPressで運営を開始しました。

HTMLやCSS、PHP、JavaScriptなどフロントエンドからAIまで勉強中です。

詳しいプロフィール

-テーマ
-