2025.08.08

クエスト8：メニューを設定して、訪問者のナビゲーションを整えよう！

jinlab

記事内に商品プロモーションを含む場合があります

あなたのブログに来てくれた人が、

ゆうせい

「どこを見たらいいの？」

「他の記事はどこにあるの？」

って迷わないようにするために必要なのがメニューです。

メニューは、ブログの中を案内してくれる看板や地図みたいなもの。

これをちゃんと作るだけで、読んでくれた人がいろんなページを見て回ってくれるようになります。

今日はそのメニューを初めて作る人でも分かるように、一緒にやってみましょう！

今日のゴール
1. ヘッダーメニューとハンバーガーメニューを作ろう
2. フッターメニューを設定しよう
よくあるミスと対処法
まとめ｜成果を振り返ろう

今日のゴール

今回のクエストで目指すのは、この2つです。

今日のクエストの目的は？

ヘッダーメニュー・ハンバーガーメニューを作成する
フッターメニューを設定してサイト全体を整える

訪問者がブログ内を迷わず移動できる、親切なサイトを一緒に作っていきましょう！

WordPressの「メニュー」とは？

「メニュー」とは、ブログやサイトの ナビゲーション（案内板） のことです。

訪問者がサイト内を移動しやすくするためのリンクの集まりで、ブログの使いやすさを決める大事な要素です。

1. ヘッダーメニューとハンバーガーメニューを作ろう

ヘッダーメニューとハンバーガーメニューとは？

ブログを訪れた人が、迷わずいろんなページを見て回れるようにするための 案内板 が「メニュー」です。

💻 パソコンでは…

画面の一番上に、横一列に並んで表示されます。

📱 スマホでは…

よく見る ≡（ハンバーガー）をタップすると、縦にメニューが開くのが一般的です。

これが完成形のイメージです。

ここまで作れれば、あなたのブログは訪問者にとってグッと使いやすくなります！

どんな項目を入れるか決めよう

まずはメニューに入れるものを決めます。

初心者さんは以下の3つがおすすめ！

ホーム：いつでもトップページに戻れる場所。
主要なカテゴリー：あなたのブログのテーマ別の入り口。
お問い合わせ（固定ページ）：読者が質問や感想を送れる窓口です。

管理画面を開く

WordPressにログインしたら、左側のメニューから
「投稿」 → 「メニュー」をクリックします。

新しいメニューを作成しよう

画面の上の方に
「新しいメニューを作成」 と書かれたリンクがあります。

これをクリックすると、メニューを新しく作る画面に進めます。

メニュー構造内の設定をしよう

メニュー名を決める
「何を入力すればいいか分からない…」という人は、
👉 「ヘッダー、ハンバーガーメニュー」とつけておけばOKです。
「グローバルナビゲーション」と「ハンバーガーメニュー」にチェック
「メニューを作成」をクリック

ここでつける名前は管理画面上だけで使うものなので、読者には見えません。

自分が分かりやすい名前でOKです。

メニューに項目を追加しよう：固定ページを追加しよう

「固定ページ」とは？

✅ ホーム
✅ プロフィール
✅ お問い合わせ

のように、いつも同じ内容を見てもらいたいページのことです。

「固定ページ」 をクリック
「すべて表示」 をクリック
「フロントページ」と「お問い合わせ」にチェック
👉 フロントページは、タイトルの横に【フロントページ】と書いてあります。
「メニューに追加」をクリック
これで右側のメニュー構造に項目が追加されます。

これで固定ページがメニューに入りました。

フロントページの名前を「ホーム」に変えよう

追加したフロントページを見ると、
ナビゲーションラベル（メニューで表示される名前）が
「デモプリセット記事」 になっています。

このままだと訪問者に分かりにくいので、
「ホーム」 に変えておきましょう。

メニューに項目を追加しよう：カテゴリーを追加しよう

「カテゴリー」とは？

ブログ記事をまとめるためのグループ分けです。

（例：ブログ運営、節約、レビューなど）

「カテゴリー」 をクリック
「すべて表示」 をクリック
「表示したいカテゴリー」にチェック
👉 今回は 未分類以外 のカテゴリーにチェックしましょう
「メニューに追加」をクリック
これで右側のメニュー構造に項目が追加されます。

これでカテゴリーがメニューに入りました。

順番を並び替えよう

追加した項目は、ドラッグ＆ドロップで順番を入れ替えられます。

上から順にメニューに表示されるので、
「ホーム」を一番上にするのがおすすめです。

保存をクリック

「メニューを保存」をクリックしたら完成です！

メニューを保存をクリックすると、上記に「更新しました」と表示される。

これで、ヘッダーメニューとハンバーガーメニューの設定がバッチリできました！

2. フッターメニューを設定しよう