サイドバーとプロフィール
サイドバーの仕組み
サイドバーは「テンプレートパーツ」という共通部品です。1箇所編集すれば、サイドバーを使っているすべてのページに反映されます。初期状態ではプロフィールカード(アバター・名前・自己紹介・SNSアイコン)が入っています。
サイドバーの中身を編集する
- 管理画面で 外観 → エディタ を開きます
- パターン → テンプレートパーツ → サイドバー を選択します
- 名前や自己紹介文を書き換え、アバター画像をアップロードし、SNS の URL を自分のものに差し替えます
- 保存 をクリックします
プロフィール以外のもの(新着記事リスト、検索ボックス、バナーなど)をブロックで自由に追加することもできます。
固定ページにサイドバーを付ける
ページ編集画面の 設定 → ページ → テンプレート で「固定ページ(サイドバー付き)」を選ぶだけです。
ブログ一覧(ホーム)にサイドバーを付ける
WordPress の仕様上、ブログ一覧はページ編集画面からテンプレートを選べないため、サイトエディタで中身を差し替えます。
- 外観 → エディタ → テンプレート → インデックス を開きます
- 一覧部分のブロックを選択して削除し、代わりに + → パターン → 「サイドバー付きブログ一覧」 を挿入します
- 保存 をクリックします
表示の挙動
- サイドバーはスクロールしても画面に追従します(スティッキー表示)
- スマートフォンなど画面が狭いときは、本文の下に自動的に縦積みされます