🗂️ WordPressメニュー設定ガイド
メニュー(ナビゲーションメニュー)は、サイトの主要ページへのリンクをまとめて表示する重要な要素です。訪問者がサイト内を快適に移動できるよう、わかりやすいメニューを作成しましょう。
メニューとは?
メニューは、サイト上部(ヘッダー)やサイドバー、フッターなどに表示されるナビゲーションです。
メニューの役割
- ナビゲーション:訪問者が目的のページに簡単に移動できる
- サイト構造の可視化:どんなコンテンツがあるか一目でわかる
- ユーザビリティ向上:使いやすさが向上
- SEO効果:内部リンクの強化
重要性:わかりやすいメニューは、訪問者の満足度を高め、サイトの回遊率を上げます。
メニューの作成方法
STEP 1: メニュー作成画面を開く
- WordPress管理画面で「外観」→「メニュー」
- 「新しいメニューを作成しましょう」をクリック
- メニュー名を入力(例:ヘッダーメニュー)
- 「メニューを作成」をクリック
STEP 2: メニュー項目を追加
左側のボックスから追加したい項目を選びます。
追加できる項目
- 固定ページ:会社概要、お問い合わせなど
- 投稿:個別の記事
- カスタムリンク:外部サイトへのリンク
- カテゴリー:記事のカテゴリー
STEP 3: 並び替え
ドラッグ&ドロップで項目を並び替えられます。
- 上にあるほど左(または上)に表示される
- 右にドラッグすると階層化(ドロップダウン)できる
STEP 4: メニューの位置を設定
「メニュー設定」で、このメニューをどこに表示するかを選びます。
- ヘッダーメニュー
- フッターメニュー
- サイドバー(テーマによる)
STEP 5: 保存
「メニューを保存」をクリックして完了です。
メニューのカスタマイズ
1. ナビゲーションラベルの変更
メニュー項目の右側の▼をクリックすると、表示されるテキストを変更できます。
- ページタイトル:「会社概要」
- ナビゲーションラベル:「About」に変更可能
2. ドロップダウンメニュー(階層化)
項目を右にドラッグすると、親子関係ができます。
- 親項目にマウスを重ねると、子項目が表示される
- 2階層、3階層と深くできる
3. メニューアイコンの追加
テーマやプラグインによっては、メニューにアイコンを追加できます。
プラグイン:「Menu Icons by ThemeIsle」を使うと、簡単にアイコンを追加できます。
メニュー作成のベストプラクティス
1. シンプルに保つ
メニュー項目は5〜7個程度が理想です。多すぎると選びにくくなります。
2. わかりやすい名前
「ホーム」「サービス」「会社概要」「お問い合わせ」など、一目でわかる名前にしましょう。
3. 重要なページを優先
左側(上部)に重要なページを配置します。
4. スマホ対応を確認
スマホでメニューが使いやすいか必ずチェックしましょう。
モバイルメニュー(ハンバーガーメニュー)
スマホでは、画面幅が狭いため、ハンバーガーメニュー(≡アイコン)が一般的です。
ハンバーガーメニューの特徴
- 画面右上に「≡」アイコンが表示
- タップするとメニューが開く
- 画面を広く使える
自動対応:多くのテーマでは、自動的にスマホ用のハンバーガーメニューに切り替わります。
まとめ
メニューは、サイトのユーザビリティを大きく左右する重要な要素です。シンプルでわかりやすいメニューを心がけましょう。
メニュー設定のチェックリスト
- ✓ メニュー項目は5〜7個程度
- ✓ わかりやすい名前
- ✓ 重要なページを左(上)に配置
- ✓ ドロップダウンは2階層まで
- ✓ スマホで使いやすいか確認