WordPressのメニューは、読者をトップ、記事一覧、プロフィール、お問い合わせなどへ案内する道しるべです。クラシックテーマとブロックテーマで編集場所が違うため、まず自分の管理画面に「外観」→「メニュー」があるかを確認します。
最初に結論
「外観」→「メニュー」がある場合は新しいメニューを作成し、ページを追加して表示位置を選びます。項目を上下へドラッグすると順番が変わり、少し右へずらすと副階層になります。ブロックテーマでは「外観」→「エディター」からナビゲーションブロックを編集します。
- テーマに合う編集場所を見つける
- メニュー項目を追加・並べ替える
- PCとスマホで押しやすさを確認する
最初にメニューへ入れる項目を決める
最初から多く入れると、読者が選べなくなります。初心者ブログなら、トップ、記事一覧、カテゴリー、プロフィール、お問い合わせの5つ前後から始めます。利用規約やプライバシーポリシーはフッターへ分ける方法もあります。
項目名はページタイトルをそのまま使わなくても構いません。「運営者情報・このサイトについて」を「プロフィール」と短くするなど、スマホで一目で分かる名前にします。
入れたいページがたくさんあります。
全部大事に見えて、どれを外したらいいか選べません…。
最初は五つくらいでいいよ。
読者が最初に行きたい場所から並べて、残りはフッターへ置こうね。
少ない方が親切なこともあるんですね。
ぎゅうぎゅうに並べるところでした。
気づけたから大丈夫だよ。
スマホで一行ずつ読めるくらいが、ちょうどいいね。
クラシックテーマで作る手順
- 「外観」→「メニュー」を開く
- メニュー名を管理用に入力して作成する
- 左側から固定ページやカテゴリーを追加する
- ドラッグして順番を整える
- 「メニューの位置」でヘッダーなどを選ぶ
- 「メニューを保存」を押す
項目を少し右へドラッグすると子メニューになります。スマホでは子メニューが開きにくいテーマもあるため、深さは1段までを目安にします。
ブロックテーマで編集する手順
「外観」に「メニュー」がなければ、「外観」→「エディター」→「ナビゲーション」またはヘッダーのテンプレートパーツを開きます。ナビゲーションブロックを選択し、＋ボタンでページやカスタムリンクを追加します。
編集後は右上の「保存」を押し、変更対象にナビゲーションが含まれているか確認します。テンプレート全体を変更する画面なので、関係のないブロックを動かした場合は保存前に戻します。
一つだけ右へずれてしまいました…。
文字が消えたみたいで、また慌てています。
子メニューになっただけだよ。
左へ戻せば同じ段になるから、ゆっくりドラッグしてみようか。
戻りました、よかったぁ。
少しのずれで役割が変わるんですね。
表示されない時とスマホ確認
- 表示位置を選んでいない
- 別のメニューが同じ位置へ割り当てられている
- ヘッダーテンプレートが独自ナビゲーションを使っている
- キャッシュに古いヘッダーが残っている
公開画面では全項目を実際に押します。スマホの三本線を開き、文字が重ならないこと、子メニューが開くこと、閉じるボタンが押せることを確認します。
パソコンではきれいなのに、スマホの三本線を押すのを忘れていました。
読者さんが開けなかったら困りますよね…。
そこまで気づけたなら十分だよ。
スマホで全部の項目を一度ずつ押して、閉じるところまで見ようね。
全部開けました！
まだ並び順には迷うけど、道案内を作れたみたいでうれしいです。
うん、いいメニューになったね。
記事が増えた時に、また少しずつ整えれば大丈夫だよ。
読者が迷わないメニュー名の付け方
管理者には分かる名前でも、初めて来た人には意味が伝わらないことがあります。「サービス」「情報」「その他」のような曖昧な語より、「WordPressの始め方」「料金」「お問い合わせ」のように、移動先を予測できる語を使います。
カスタムリンクを使う場合は、URLの末尾までコピーし、公開後に必ず押します。存在しない固定ページ、httpの古いURL、テスト環境へのリンクが残ると、メニュー全体への信頼を落とします。
スマホでの合格条件
- 三本線を一度で開閉できる
- 項目名が途中で切れない
- 子メニューの開閉箇所が分かる
- スクロール中に固定ヘッダーと重ならない
この環境で続けにくいと感じたら
メニュー編集だけで新しい契約は必要ありません。小規模サイトを低コストで始め、管理画面の基本操作を試したい人は、WordPress簡単インストールを備えた料金重視のサーバーも候補になります。すでに安定運用できている人は現在の環境を使い続けてください。
ロリポップ
小規模サイトの始めやすさと管理画面の分かりやすさを重視する人が比較できる候補です。
向いている人： 小規模サイトの始めやすさと管理画面の分かりやすさをサーバー選びの条件にしたい人
購入不要な人： 現在の環境で今回の操作を完了でき、管理やサポートにも不満がない人
料金・特典・提供機能は契約時期により変わります。必ず公式ページで最新条件をご確認ください。
ロリポップの公式情報を見る
ConoHa WING
小規模サイトの始めやすさと管理画面の分かりやすさを重視する人が比較できる候補です。
向いている人： 小規模サイトの始めやすさと管理画面の分かりやすさをサーバー選びの条件にしたい人
購入不要な人： 現在の環境で今回の操作を完了でき、管理やサポートにも不満がない人
料金・特典・提供機能は契約時期により変わります。必ず公式ページで最新条件をご確認ください。
ConoHa WINGの公式情報を見る広告・PRを含みます。料金・特典は公式ページで最新条件をご確認ください。
よくある質問
「外観」にメニューがありません
ブロックテーマでは「外観」→「エディター」内のナビゲーションを編集します。
メニュー項目を別タブで開けますか？
クラシックメニューでは表示オプションからリンクターゲットを表示できます。ただし内部リンクは同じタブが一般的です。
カテゴリーも追加できますか？
追加できます。記事数が少ないカテゴリーを並べすぎず、読者が選びやすい単位に絞ります。
最後に確認すること
PCのヘッダーとスマホメニューを開き、全項目が意図したURLへ移動し、文字切れや押せない項目がなければ完了です。管理画面で保存しただけではなく、必ず未ログイン画面で押します。