アフィンガー入門「サイドバーを整える（初心者向け図解で完全案内）」

---

---

サイトにサイドバーを設置することで、プロフィールやアフィリエイトのバナー、カテゴリー一覧などを表示することができます。読者にも利便性が高く、広告を載せても本文を邪魔しない機能です。ぜひ活用したいですね。

「アフィンガーでおしゃれなサイトを作る方法！」はこちら

サイドバーとは

WordPress を使ったサイトのサイドバーとは、サイトの左（または右）に縦に並べた表示エリアのことです。

サイドバーでは、主に、プロフィールやカテゴリの一覧、おすすめの記事へのリンク、広告などを配置します。

サイドバーは、大きく「サイドバートップ」「サイドバー」「スクロール広告用」の３エリアの分かれています。

サイドバーの作り方

■ サイドバーの作り方①「ウィジェット編集」

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

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

■ サイドバーの作り方②「ライブビューで編集」

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

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

サイドバーの初期化

■ 初期設定されているウィジェットを削除する

サイドバーには、「検索」や「最近のコメント」ウィジェットなどが初期配置されていますので、サイドバーの設定から、各ブロックを削除します。

ブロックを選択して、削除をクリックします。サイドバーの設定を更新したら上部にある「公開」ボタンをクリックすることで設定が反映されます。

■ 新着記事一覧を非表示にする

AFFINGER6 利用時に初期状態で「最新の記事一覧」が表示設定になっていますので、非表示にします。後から表示に戻すことも可能です。

WordPress の管理画面で、「AFFINGER 管理」 → 「トップページ」 → 「記事一覧」 を選択し、「新着記事一覧を非表示にする」 をチェックします。

サイドバーにウィジェットを配置する

サイドバーにウィジェットを配置してサイドバーを作っていきます。

■ プロフィールカードを設定する

サイドバートップ（またはサイドバー）から、「ウィジェットを追加」をクリックして、「11_STINGERプロフィールカード」を選択します。

プロフィールカードをサイドバーに設置します。

■ 検索フォームを設定する

サイドバートップ（またはサイドバー）から、「ウィジェットを追加」をクリックして、「検索」を選択します。

「検索」ウィジェットをサイドバーに設置します。

■ カテゴリーを設定する

サイドバートップ（またはサイドバー）から、「ウィジェットを追加」をクリックして、「カテゴリー」を選択します。

「カテゴリー」ウィジェットをサイドバーに設置します。

■ AFFINGER サイドバーウィジェット

AFFINGER テーマにて用意されているウィジェットです。

それぞれのウィジェットの動作は実際に使って試してみてください。

まとめ

本気でブログ・サイト・アフィリエイトを取り組みたいなら、WordPress の優良テーマ「AFFINGER（アフィンガー）」がお勧めです。

AFFINGER（アフィンガー）でのサイドバーの作り方を紹介させていただきました。

AFFINGER（アフィンガー）は、初心者でもオシャレなサイトを作ることができ、上級者になっても満足して使える優良なテーマです。

ぜひ活用ください。よければ、本サイトを経由してのご購入をお願いします。

AFFINGER の利用方法などについてココナラにて「支援作業」を販売しております。

よかったらご利用くださいませ。

WordPress のテーマ「AFFINGER」の情報、テクニック一覧はこちらをクリック！

Presented By Boon Boon Blog .Com

電気通信事業法改正に伴う表記