WordPressの使い方

WordPressでメインメニューを作る方法【グローバルナビゲーション】

ブログを立ち上げるとパソコンで見た時に上部に表示されるメニューを作成したくなりますよね?メニューがあるだけでサイトっぽくなるし、見て欲しいページを強調することができるのでぜひ使っていきたいところです。

このブログもここで説明する方法でメニューを作成しているので、やり方を覚えていってください。

ブログ運営を始めたばかりの時は「ホーム」「プロフィール」「お問い合わせ」3つだけでもメニューがあるとカッコが付きますね!記事が増えてきたら「おすすめ○○」とか、記事のカテゴリー別にメニューを作ると見栄えがどんどん良くなります。

メニューは読者さんが欲しい情報を探しやすい設計にするためにありますので、定期的に見直しましょう。

グローバルナビゲーションとは?

まずはグローバルナビゲーションメニューを作ります。グローバルナビゲーションとはヘッダーのあたりにあるサイトのメインメニューのことを指します。※上記の画像の赤枠部分です

このメニューがあると読者さんは記事を読むだけでなく、お問い合わせページやプロフィールなどを探しやすくなり見てもらえる可能性が高まります。

ブログを作成したら必ずグローバルメニューを作っておきましょう。

 

WordPressでメニューを作る方法

WordPressでメニューを表示させるには以下の手順を行います。

  1. メニューを作成する
  2. ウィジェットから好きな場所に追加する

ウィジェットの操作方法は前回解説していますので、こちらをご覧ください→ウィジェットの使い方

 

メニューを作成する

まずは設置するメニューを作成します。メニューとして表示できる項目は以下です。

  • 固定ページや記事へのリンク
  • 記事カテゴリーへのリンク
  • 自由テキストでのリンク

管理画面の左メニューから「外観」→「メニュー」を選んでメニュー編集画面へ移動してください。

 

新しいメニューの作成

「新しいメニューを作成しましょう」をクリックします。まずは「メニュー名」に「グローバル」と名前を付けて「メニューを作成」をクリックしてください。

これで新しいメニューが作成されました。編集していきましょう。

 

固定ページや記事をメニューに追加する

メニューに固定ページや記事をを追加することができます。左の「メニュー項目を追加」から「固定ページ」か「投稿」をクリックしてください。

作成したページ一覧が表示されるので好きなものにチェックを入れます。

最後に「メニューに追加」をクリックするとメニュー項目に固定ページや記事が追加されます。

 

カテゴリーをメニューに追加する

「カテゴリー」のメニュー項目を追加すると特定のカテゴリーの記事一覧ページのリンクをメニューに追加することができます。左の「カテゴリー」をクリックしてください。

追加したいカテゴリーにチェックを入れて、最後に「メニューに追加」をクリックするとカテゴリーページへのリンクが追加されます。

 

自由テキストでのリンクをメニューに追加する

「カスタムリンク」では自由にテキストを入力し好きなリンクを貼ることができます。

左の「カスタムリンク」をクリックしてください。

「URL」には移動先のURLを入力し、「リンク文字列」にはメニューに表示するテキストを入力します。

最後に「メニューに追加」をクリックするとメニューに追加されます。

 

メニューを並び替える

移動したいメニュー項目をクリックしたまま移動しお好きなところで離す(ドラッグ&ドロップする)とメニューを入れ替えることができます。

 

ドロップダウンメニューで階層構造にする

メニューの並び替えの時に少し右にずらすと直前のメニューの子メニューとして階層構造にすることができます。

階層構造にするとテンプレートの設定によってはカーソルを上に乗せた時にさらに子メニューを表示させるという動きをつけることができます。

 

メニュー項目を削除する

メニュー項目を削除するには、右側メニュー項目の右にある「▼」をクリックして一番下の「削除」をクリックします。

 

作成したメニューをブログに設置しよう

メニューを作成したらブログ内で表示されるように設置しましょう。

まずはメニューの編集ページを開き「編集するメニューを選択」のドロップダウンから先ほど作成したメニューを選んで「選択」をクリックします。

 

メニューをグローバルナビゲーションに設置する

「メニュー設定」欄のリストから「グローバルナビゲーション」にチェックを入れて「メニューを保存」をクリックします。

すると以下の画像のようにブログの上部に作成したメニューが表示されます。

 

メニューをサイドバーに設置する

次はメニューをサイドバーに設置してみましょう。

管理画面の左メニューから「外観」→「ウィジェット」を選択してください。

「サイドバー」のウィジェットエリアに「ナビゲーションメニュー」を追加します。「メニューを選択」の中から先ほど作成したメニューを選びます。

最後に「保存」をクリックします。

以下の画像のようにサイドバーに作成したメニューが表示されました。

 

メニューをフッターに設置する

フッターに設置する場合も同じです。「ウィジェット」からフッターエリアに「ナビゲーションメニュー」を追加し作成したメニューを選択します。

最後に「保存」をクリックして完了です。

 

まとめ

これでメニューを作成し好きな場所に表示できるようになりました。

今回は以上です、お疲れさまでした!

→トップページ(カリキュラム一覧)に戻る