こんにちは "osaboo"
です。"@osaboo_Bot"
この記事で解決できる悩み
この記事では、これらのお悩みを解決します。
「まずはブログを始めたい!」という方は、『WordPressブログ完全ガイド』をご覧ください。
開設から運営・収益化までを初心者向けに画像付きでわかりやすく解説しています。
AFFINGER7のウィジェットとは?
AFFINGER7のウィジェットは、サイドバーやフッターなどに、さまざまな機能やコンテンツを表示できる機能です。
プロフィールや人気記事、カテゴリー一覧、お知らせなどを簡単に配置できるので、サイトの利便性や回遊性を高められます。
また、AFFINGER7にはWordPress標準のウィジェットに加えて、AFFINGER専用の便利なウィジェットも用意されています。用途に応じて使い分けることで、より見やすく使いやすいサイトを作成できます。
ウィジェットを設定する場所
AFFINGER7のウィジェットは、WordPress管理画面の「外観 → ウィジェット」から設定できます。
ここでは、サイドバーやフッターなどのウィジェットエリアごとに、表示したいウィジェットの追加・編集・削除を行えます。
WordPress 5.8以降はブロックウィジェットに対応しているため、ブロックエディターと同じ感覚で直感的に操作できるのも特徴です。
設定場所
Menu『WordPress管理画面 → 外観 → ウィジェット』をクリックします。
ウィジェット配置エリア
AFFINGER7では、ウィジェットエリアごとに表示する内容を自由に設定できます。
サイドバーやフッターだけでなく、ヘッダーやトップページなど、用途に応じてさまざまな場所へウィジェットを配置できるのが特徴です。
テーマ専用のウィジェットエリアも豊富に用意されているので、広告やプロフィール、お知らせなどを効果的に表示できます。
ここでは、AFFINGER7の基本的なウィジェットの配置エリアをご紹介します。
配置するウイジェットをざっと…イメージしてみてください。
例えば…「プロフィールは、ここに貼ろう!広告はここ!」みたいなイメージです。
AFFINGER7の基本的なウィジェットの配置エリアは以下の青色部になります。




ウィジェットを追加・編集する方法
AFFINGER7では、ウィジェットエリアに追加・並び替え・削除を行うことで、表示内容を自由にカスタマイズできます。
操作はどれも簡単なので、まずは基本的な使い方を覚えておきましょう。
利用できるウィジェットの種類や配置エリアは、テーマやバージョン、導入しているプラグインによって異なる場合があります。
ウィジェットの追加方法
Menu『WordPress管理画面 → 外観 → ウィジェット』をクリックします。
ウィジェット画面で「利用できるなウィジェット」の中から、ウィジェット配置エリアに設置する項目を選択します。

ウィジェットを追加してみよう(例)
「00_AFFINGERカスタムHTML」を「サイドバー(上部)」に追加する手順

- ドラッグ&ドロップで簡単に設置することもできます。

以上で、ウィジェットの追加は完了です。(ウィジェットを追加する手順は、すべての同じです。)
ウィジェットの削除方法
ウィジェットを削除する方法は、以下の2通りがあります。
- ウィジェット項目内の『削除』メニューを使用して、ウィジェットを完全に削除する方法
- 『使用停止中のウィジェット』に移動して、一時的に削除する方法
❶ ウィジェット項目内の『削除』メニューで完全に削除する方法
ウィジェットエリアにある削除したいウィジェット項目を選択します。(▼をクリックして開きます)

ウィジェットの内容が表示されるので、最下部にある『削除』をクリックします。

- この方法は、ウィジェットが完全に削除されます。再利用の可能性がある場合は、次の❷を参考にしてください。
❷『使用停止中のウィジェット』に移動して一時的に削除する方法
ウィジェットを一時的に削除する場合は、「使用停止中のウィジェット」へ移動します。必要になったときは、保存されているウィジェットを元のエリアへ移動するだけで簡単に復元できます。
削除したい設置済ウィジェット項目ををドラッグ&ドロップで『使用停止中のウイジェット』に移動します。

『使用停止中のウィジェット』を完全に削除するには、赤いボタンの「使用停止中ウィジェットをクリア」をクリックします。

ウィジェット一覧
AFFINGER7では、WordPress標準のウィジェットとAFFINGER専用のウィジェットを利用できます。
WordPress標準ウィジェットは、検索やカテゴリー一覧、最新記事の表示など、基本的な機能を追加するためのウィジェットです。
一方、AFFINGER専用ウィジェットは、ランキングやお知らせなど、サイト運営に役立つ便利な機能が用意されています。
ここでは、それぞれのウィジェットの特徴や使い方を紹介します。
WordPress標準ウィジェット
ここからは、WordPressに標準搭載されているウィジェットについて、各機能の概要を紹介します。
RSS
RSS/Atom フィードからのエントリーを表示します。

URLとタイトルを入力すると、以下のような「RSSフィード」を表示できます。(サンプル)

アーカイブ
投稿の月別アーカイブを表示します。

以下のような「アーカイブ」ページへのリンクを表示できます。(サンプル)

カスタム HTML
HTMLや広告コードなど、任意のコードを挿入できます。「00_AFFINGERカスタムHTML」「カスタムHTML(広告用)」と同等の機能です。

以下のように、カスタムHTMLを使った広告を表示できます。(サンプル)

カテゴリー
カテゴリーのリストを表示します。(「16_AFFINGERカテゴリー」と同じ機能を備えています)

以下のような「カテゴリー」ページへのリンクを表示できます。(サンプル)

カレンダー
サイトの投稿カレンダーを表示します。

以下のような「カレンダー」を表示できます。(サンプル)

ギャラリー
画像ギャラリーを表示します。

「画像を追加」をクリックし、メディアライブラリからギャラリー用の画像を選択すると表示されます。
以下のような「ギャラリー」を表示できます。(サンプル)

タグクラウド
よく使用されているタグのクラウドを表示します。

タクソノミー:「カテゴリー」「タグ」「リンクカテゴリー」「タグ」「カテゴリ」から選択できます。
以下のような「タグクラウド」を表示できます。(サンプル)

テキスト
任意のテキストを表示します。

以下のような「テキスト」を表示できます。(サンプル)

ナビゲーションメニュー
ナビゲーションメニューを表示します。項目や並び順は「メニュー構造」で設定して下さい。

Menu『WordPress管理画面 → 外観 → メニュー』で、作ったメニューが表示できます。
以下のような「ナビゲーションメニュー」を表示できます。(サンプル)
- 以下サンプルでは、ナビゲーションメニューを設置できるウィジェットエリアを3つご紹介します。ぜひ参考にしてください。
表示場所 → ウィジェットエリア:ヘッダーナビデーション(右※PCのみ)

表示場所 → ウィジェットエリア:サイドバー(上部)

表示場所 → ウィジェットエリア:フッター(2列目)

ナビゲーションメニューは、ウィジェットエリアに自由に配置でき、設置場所ごとに表示するメニューを選択できます。
ブロック
ブロックを含むウィジェットを表示します。

「00_AFFINGERカスタムHTML」や「カスタムHTML」と同様の機能を持ちますが、タイトルは表示できません。通常、タイトルが不要なパーツをマイブロックなどで作成し、ショートコードを貼り付けて使用すると便利です。
メタ情報
ログイン、RSS、WordPress.org へのリンクを表示します。

以下のような「メタ情報」を表示できます。(サンプル)

動画
メディアライブラリ内から、または YouTube・Vimeo・その他のプロバイダからの動画を表示します。

動画を表示できます。
固定ページ
サイトの固定ページ一覧を表示します。

固定ページへのリンク一覧を表示できます。
最近のコメント
最近のコメントを表示します。

以下のような「最近のコメント」を表示できます。(サンプル)

最近の投稿
最近の投稿を表示します。(「07_AFFINGERお知らせエリア」と同じ機能を備えています)

以下のような「最近の投稿」を表示できます。(サンプル)

検索
サイト内検索フォームを表示します。

以下のような検索フォームを表示できます。(サンプル)

画像
画像を表示します。

画像を表示できます。
音声
音声プレーヤーを表示します。

音声を再生できます。
AFFINGER専用ウィジェット
ここからは、AFFINGER7専用ウィジェット「xx_AFFINGERxxxxx」について、各機能の概要を紹介します。
00_AFFINGERカスタムHTML
任意のコードを挿入可能です。(WordPress標準の「カスタムHTML」と同じ機能を備えています)

01_AFFINGERサイドバーメニュー
設定要領は「13_AFFINGERサイドバーメニュー2」「14_AFFINGERサイドバーメニュー3」(EX専用)と同等です。
サイドバーメニューを表示します。項目や並び順は「メニュー構造」で設定して下さい。

Menu『WordPress管理画面 → 外観 → メニュー』で、作ったメニューが表示できます。
以下のような「サイドバーメニュー」を表示できます。(サンプル)

表示がうまくいかない場合は、「メニューの位置」で「サイドメニュー」にチェックが入っているか確認してみましょう。
Menu『WordPress管理画面 → 外観 → メニュー』をクリックします。
- 「サイドメニュー=サイドバーメニュー」表示箇所により表現の違いがあります。

- 表示させたいメニューの「サイドメニュー」にチェックが入っていれば、正常に表示されます。
02_AFFINGER問合せボタン(ST-PRO)
問合せボタンを表示するウィジェットです。

タイトルとURLを入力すると、以下のような「問合せボタン」を表示できます。(サンプル)

03_AFFINGERフリーボックス
トピックス風の自由なボックスです。

タイトルとテキストエリアを入力すると、以下のような「AFFINGERフリーボックス」を表示できます。(サンプル)

04_AFFINGER_RSSボタン
RSS配信用ボタンです。

以下のような「AFFINGER_RSSボタン」を表示できます。(サンプル)

05_AFFINGER最新の投稿一覧
新着投稿一覧を表示します。

以下のような「AFFINGER最新の投稿一覧」を表示できます。(サンプル)



06_AFFINGERオリジナルボタン
オリジナルボタンを表示するウィジェットです。
デフォルトの状態です。
(URLを入力しないとボタンは表示されません)

「タイトル・色・URL」を設定するだけです。
以下のようなボタンが自動生成されます。(サンプル)


以下のような「オリジナルボタン」を表示できます。(サンプル)

07_AFFINGERお知らせエリア
お知らせ一覧(投稿リストのテキストリンク)を表示します。

AFFINGER管理のトップページで設定する「News(お知らせ)」です。WordPress標準の「最近の投稿」の拡張版です。(カテゴリーの指定ができます)
カテゴリーごとに抽出した最新の投稿リストを、テキストリンク形式で表示できます。(サンプル)

08_AFFINGERカテゴリー別ボックス
カテゴリー別に表示を分けるボックスです。(コンテンツ内の上部に表示)

IDと表示したい内容を入力すると、以下のように表示できます。
(サンプルでは「08_AFFINGERカテゴリー別ボックス」と入力しています)
パンくずの上に表示されるため、カテゴリー表示を目立たせたい場合に便利です。パンくずやカテゴリー表示を非表示にして、このウィジェットを活用することもできます。

09_AFFINGERカスタム投稿一覧
カスタム投稿一覧を表示します。

Menu『WordPress管理画面 → AFFINGER管理 → その他』の「上級者向け」セクション内にある「カスタム投稿一覧の設定」から設定できます。

上級者向けのため、この記事では省略します。
10_AFFINGER記事別ボックス
記事別に表示を分けるボックスです。
「08_AFFINGERカテゴリー別ボックス」と同じように、「記事ID」を指定して表示できます。

IDとテキストエリアに表示したい内容を入力すると、以下のように表示されます。
(以下サンプルではテキストエリアに『10_AFFINGER記事別ボックス』と入力しています)
パンくずの上に表示されるため、パンくずやカテゴリーを非表示にしてこのウィジェットのテキストを設定すれば、特定の記事やグループを目立たせることができます。

11_AFFINGERプロフィールカード
サイト管理者紹介を表示します。

以下のような「AFFINGERプロフィールカード」が表示できます。(サンプル)

15_AFFINGERランクングウィジェット
ランクングウィジェットを表示します。

AFFINGERタグのIDとタイトルを設定すると、指定したAFFINGERタグをランキング形式で表示できます。
- 以下は、公式ページに掲載されているプレビュー画像です。

17_AFFINGERガイドマップメニュー
ガイドマップメニューを表示します。項目や並び順は「メニュー構造」で設定して下さい。

Menu『WordPress管理画面 → 外観 → メニュー』で、作ったメニューが表示できます。
以下のような「ガイドマップメニュー」が作成できます。(サンプル)

表示がうまくいかない場合は、「メニューの位置」で「ガイドマップメニュー」にチェックが入っているか確認してみましょう。
Menu『WordPress管理画面 → 外観 → メニュー』をクリックします。

- 表示させたいメニューの「ガイドマップメニュー」にチェックが入っていれば、正常に表示されます。
18_AFFINGERガイドマップメニュー2
設定要領は「17_AFFINGERガイドマップメニュー」と同様です。
ガイドマップメニュー2を表示します。項目や並び順は「メニュー構造」で設定して下さい。

Menu『WordPress管理画面 → 外観 → メニュー』で、作ったメニューが表示できます。
以下のような「ガイドマップメニュー2」が作成できます。(サンプル)

表示がうまくいかない場合は、「メニューの位置」で「ガイドマップメニュー2」にチェックが入っているか確認してみましょう。
Menu『WordPress管理画面 → 外観 → メニュー』をクリックします。

- 表示させたいメニューの「ガイドマップメニュー2」にチェックが入っていれば、正常に表示されます。
20_AFFINGERインフォメーション
インフォメーションを表示します。

以下のような「インフォメーション」が作成できます。(サンプル)
21_AFFINGERカテゴリー一覧
カテゴリー一覧を表示します。

22_AFFINGER記事一覧
記事一覧を表示します。

AFFINGER7 EX専用ウィジェット
ここからは、AFFINGER7 EX版で利用できる専用ウィジェットについて、各機能の概要を紹介します。
通常版にはない便利なウィジェットも用意されているので、用途に合わせて活用しましょう。
AFFINGER7-EXでは、前章で紹介した「01_AFFINGERサイドバーメニュー」に加え、「13_AFFINGERサイドバーメニュー2」「14_AFFINGERサイドバーメニュー3」の2つのウィジェット項目が利用可能です。
さらに、AFFINGER7-EX専用の拡張機能が追加された、「16_AFFINGERカテゴリー」「カスタムHTML(広告用)」のウィジェット項目も追加され、合計4つのウィジェットを活用できます。
それでは順番に見ていきましょう。
13_AFFINGERサイドバーメニュー2
設定要領は「01_AFFINGERサイドバーメニュー」「14_AFFINGERサイドバーメニュー3」と同様です。
サイドバーメニュー2を表示します。項目や並び順は「メニュー構造」で設定して下さい。

Menu『WordPress管理画面 → 外観 → メニュー』で、作ったメニューが表示できます。
以下のような「サイドバーメニュー2」が作成できます。(サンプル)

表示がうまくいかない場合は、「メニューの位置」で「サイドメニュー2」にチェックが入っているか確認してみましょう。
Menu『WordPress管理画面 → 外観 → メニュー』をクリックします。
- 「サイドメニュー2=サイドバーメニュー2」表示箇所により表現の違いがあります。

- 表示させたいメニューの「サイドメニュー2」にチェックが入っていれば、正常に表示されます。
14_AFFINGERサイドバーメニュー3
設定要領は「01_AFFINGERサイドバーメニュー」「13_AFFINGERサイドバーメニュー2」と同様です。
サイドバーメニュー3を表示します。項目や並び順は「メニュー構造」で設定して下さい。

Menu『WordPress管理画面 → 外観 → メニュー』で、作ったメニューが表示できます。
以下のような「サイドバーメニュー3」が作成できます。(サンプル)

表示がうまくいかない場合は、「メニューの位置」で「サイドメニュー3」にチェックが入っているか確認してみましょう。
Menu『WordPress管理画面 → 外観 → メニュー』をクリックします。
- 「サイドメニュー3=サイドバーメニュー3」表示箇所により表現の違いがあります。

- 表示させたいメニューの「サイドメニュー3」にチェックが入っていれば、正常に表示されます。
16_AFFINGERカテゴリー
カテゴリーのリストを表示します。(WordPress標準の「カテゴリー」と同じ機能を備えています)
- サムネイル画像を表示できます。

以下のような「AFFINGERカテゴリー」が作成できます。(サンプル)

「カテゴリー」にAFFINGER7の拡張機能が追加されています。
カスタムHTML(広告用)
任意のコードを挿入可能です。(WordPress標準の「カスタムHTML」と同じ機能を備えています)
- 個々の投稿及び固定ページで非表示設定に連動します。(□ 設定な広告を表示しない)

AFFINGER7で不要なウィジェットを無効化する方法
Menu『WordPress管理画面 → AFFINGER管理 → その他』をクリックし、下にスクロールして以下の項目が表示される位置まで移動します。
- 黄色でマーキングされた項目を確認し、必要に応じて無効化してください。類似するものもあります。

「このウィジェットは使わないな…」と思ったら、ここで非表示にしておくと、ウィジェット一覧がスッキリして管理しやすくなります。
例えば、AFFINGER専用ウィジェットとWordPress標準ウィジェットで同じ機能がある場合は、どちらか一方だけ使うのがおすすめです。
- 「00_STINGERカスタムHTML」と「カスタムHTML」は機能が重複しているため、「カスタムHTML」を非表示にする。
- 「05_STINGER最新の投稿一覧」と「最近の投稿」は機能が重複しているため、「最近の投稿」を非表示にする。
- 「メタ情報」「動画」「音声」など、使う予定のないウィジェットは非表示にする。
機能が重複しているウィジェットや使わないウィジェットを整理しておくと、一覧が見やすくなり、後からの設定もスムーズになります。
利用できるウイジェット項目が多すぎると感じたら、無効化してみてくださいね。
おすすめのウィジェット配置例
AFFINGER7では、ウィジェットを自由に配置できます。とはいえ、最初は「どこに何を置けばいいの?」と迷いますよね。
ここでは、初心者におすすめのウィジェット配置例をご紹介します。
サイドバー(上部)
サイドバー上部は、訪問者の目に留まりやすい場所です。サイトの情報を伝えたいウィジェットを配置しましょう。
おすすめのウィジェット
- プロフィール
- 人気記事
- カテゴリー
- 検索
- 広告(必要な場合)
記事下
記事を最後まで読んだユーザーは、次の行動につながりやすいタイミングです。
関連記事やプロフィールなどを配置して、サイト内を回遊してもらいましょう。
おすすめのウィジェット
- 関連記事
- おすすめ記事
- CTA(お問い合わせ・ランキング・おすすめサービスなど)
- 広告
フッター
フッターは、サイト全体で共通して表示されるエリアです。
訪問者が目的のページへ移動しやすいよう、サイト全体の案内を配置するのがおすすめです。
おすすめのウィジェット
- カテゴリー
- アーカイブ
- メニュー
- SNSリンク
ヘッダー(お知らせ)
キャンペーンやお知らせなど、目立たせたい情報がある場合に活用します。
頻繁に更新しない場合は、無理に使用する必要はありません。
おすすめのウィジェット
- お知らせ
- キャンペーン情報
- 期間限定のお知らせ
初心者におすすめの配置
迷ったら、まずは次の構成から始めるのがおすすめです。
| 配置場所 | おすすめの内容 |
|---|---|
| サイドバー上部 | プロフィール・人気記事・カテゴリー |
| 記事下 | プロフィール・関連記事・CTA |
| フッター | カテゴリー・メニュー・SNS |
| ヘッダー | お知らせ(必要な場合のみ) |
この配置なら、必要な情報を分かりやすく整理でき、ユーザーが目的のページへ移動しやすいサイトになります。
ウィジェットが表示されないときの対処法
ウィジェットを追加したのに表示されない場合は、設定ミスやキャッシュが原因になっていることがあります。
以下のポイントを順番に確認してみましょう。
1. ウィジェットを正しいエリアに配置しているか確認する
まずは、ウィジェットを配置した場所が合っているか確認しましょう。
例えば、「サイドバー(上部)」に追加したウィジェットは、サイドバーが表示されるページでしか表示されません。
配置したエリアと表示したい場所が一致しているかを確認してください。
2. 表示条件を確認する
AFFINGER7には、ページごとにウィジェットの表示・非表示を切り替えられる機能があります。
特定のページだけ表示しない設定になっていないか確認しましょう。
3. キャッシュを削除する
設定を保存しても画面に反映されない場合は、キャッシュが原因かもしれません。
ブラウザを更新したり、キャッシュ系プラグインを利用している場合はキャッシュを削除してから確認しましょう。
4. 変更内容を保存したか確認する
意外と多いのが、保存し忘れです。
ウィジェットを追加・編集した後は、必ず「更新」をクリックして保存しましょう。
5. テーマやプラグインとの競合を確認する
特定のウィジェットだけ表示されない場合は、プラグインやカスタマイズが影響していることもあります。
一時的にプラグインを停止したり、カスタマイズ内容を確認して原因を切り分けてみましょう。
?! それでも表示されない場合は…
ここまで確認しても改善しない場合は、次の点も確認してみましょう。
- WordPress・AFFINGER7を最新バージョンに更新する
- ブラウザのスーパーリロード(キャッシュを無視した再読み込み)を試す
- シークレットウィンドウで表示を確認する
- サーバーキャッシュを利用している場合は削除する
よくある質問(FAQ)
AFFINGER7のウィジェット設定画面はどこにありますか?
WordPress管理画面の「外観」→「ウィジェット」から設定できます。各ウィジェットエリアへドラッグ&ドロップするだけで、簡単に追加や並び替えができます。
ウィジェットを削除すると元に戻せますか?
一時的に削除する場合は「使用停止中のウィジェット」へ移動するため、元に戻せます。
一方、「完全に削除」を実行すると元に戻せないため、削除前に内容を確認しておきましょう。
ウィジェットを追加したのに表示されません。
配置したウィジェットエリアが正しいか、変更内容を保存したか、キャッシュが残っていないかを確認してください。また、表示条件の設定によって非表示になっている場合もあります。
AFFINGER7で不要なウィジェットを非表示にできますか?
はい。AFFINGER管理の「その他」にある「無効化するウィジェット」を利用すると、使わないウィジェットを非表示にできます。
初心者におすすめのウィジェットは何ですか?
まずは次のウィジェットを配置するのがおすすめです。
- プロフィール
- 人気記事
- カテゴリー
- 関連記事
- 検索
これらを配置するだけでも、サイトの回遊性や使いやすさが向上します。
カスタマイザーウィジェットタイトルのスタイル設定
ウィジェットタイトルは、サイドバーやフッターなどに表示される見出しのデザインです。
AFFINGER7では、タイトルのデザインを変更できるので、サイト全体の雰囲気に合わせて見た目を統一できます。
ウィジェットタイトルの設定方法
Menu『WordPress管理画面 → 外観 → カスタマイズ → 見出し(hx)/ テキスト → ウィジェットタイトル(サイドバー)』をクリックします。
見出し(hx)/ テキスト
➡︎

ウィジェットタイトル
(サイドバー)➡︎

詳細設定
⬇︎

- 設定が完了したら、最後に「公開」をクリックして確定します。
まとめ!AFFINGER7のウィジェット一覧と設定方法|おすすめの使い方も解説
今回は、AFFINGER7のウィジェット一覧や設定方法、おすすめの配置例についてご紹介しました。
ウィジェットを活用すると、サイドバーや記事下、フッターなどに必要な情報を配置でき、サイトの見やすさや使いやすさが向上します。
また、使わないウィジェットを無効化して整理したり、タイトルデザインを統一したりすることで、管理画面もスッキリして作業しやすくなります。
まずは以下の3つから設定してみましょう。
- サイドバーや記事下に必要なウィジェットを配置する
- 使わないウィジェットを無効化して整理する
- ウィジェットタイトルのデザインをサイト全体で統一する
最初からすべて設定する必要はありません。サイトを運営しながら少しずつ調整して、自分のブログに合った使いやすいレイアウトを作っていきましょう。
記事 ウィジェットを使ったおすすめのカスタマイズ方法は、こちらの記事で詳しく解説しています。





