WordPress でアフィリエイト！サイドバーを構築する！ウィジェットを使う！

2023年9月18日

サイトを立ち上げました。記事も書き広告も貼りましたが、見た目がまだ初期状態のままですので、サイトの見た目を整えていきましょう。

サイトのサイドバーに表示するウィジェット（ブロックみたいなもの）を組み立てていきます。

ポイント

本記事では、

サイトのサイドバーを組み立てていく方法を解説します。

かっこいいサイトを作り上げていきましょう！

サイドバーとは

サイドバーとは、記事右側にある（※左側に配置することも可能）、プロフィールやカテゴリ、広告などを表示しているエリアです。

サイドバーに「ウィジェット」と呼ばれるブロック単位（四角い枠単位）のオブジェクトを配置して、各部品（プロフィールやカテゴリなど）を配置します。

「ウィジェット」とは、多様な機能を提供する部品です。

（上記イメージでは、「プロフィールを表示するウィジェット（部品）」を表しています）

ウィジェット（部品）を使うことで、各機能を比較的簡単に実現することができます。

WordPress の管理画面から、「外観」 → 「ウィジェット」を選択します。

左側の青枠部分が選択できる（利用できる）ウィジェット、右側の赤枠部分が配置場所（ウィジェットを表示する対象の場所）です。左から右にドラッグ＆ドロップで配置します。（配置を解除する場合は、右から左にドラッグ＆ドロップで解除します）

WordPress の管理画面から、「外観」 → 「ウィジェット」 → 「ライブプレビューで管理」を選択します。

左側の赤枠内でウィジェットの配置（編集）を行い、右側で実際の表示イメージを確認することができます。

サイドバーは、「サイドバートップ」と「サイドバー」と「スクロール広告用」に分かれます。

配置先	概要
サイドバートップ	サイドバーの上に表示するサイドバーです。
サイドバー	サイドバー本体です。
スクロール広告用	画面を立てスクロールした場合に、スクロールのほうがサイドバーの縦幅よりも大きい場合、配置したウィジェットを表示し続けるサイドバーです。追尾型のサイドバーです。

ポイント

「スクロール広告用」は、縦スクロールバーでページを下に進めても常にサイドバーに表示されるウィジェットの指定になりますので、思わず広告を貼り付けたくなりますが、「追尾型スクロールで広告を表示してはいけない」とルール付けされている広告もあります ので、ここに広告は貼らないほうが無難です。