WordPressでメインメニュー(カスタムメニュー)を設定する方法をご紹介します。
カテゴリーページへのリンクや、固定ページへのリンクなどをロゴ下のメインメニューに設置したい場合は以下のような手順で追加していきます。
テーマによってはこういった機能がない場合もありますが、カスタムメニューという機能が設置されている場合は、今からご紹介する方法で設置が可能です。
基本的な使い方【動画】
まずは基本的な設定方法はこちら。動画を作成しましたので、基本的な使い方、概要は動画をみていただくのがよろしいかと思います。
【外観 > カスタマイズ > メニュー】から各種設定をおこないます。
簡単な流れとしては、
- 新規メニューの作成(任意の名前をつける)
- 表示させたい場所("グローバルナビ"など)にチェックをいれる
- メニュー項目を追加していく
- 並び替える
- 保存
という流れで設置が可能です。
各項目の設置方法をみてみましょう
続いて各項目ごとの設置方法です。
固定ページを設置する
固定ページをカスタムメニューに追加してみましょう。
![](https://open-cage.com/wp-content/uploads/2017/08/58c8e25f26a0fd1f18ae83cbdd30450b-1024x606.png)
【外観 > カスタマイズ > メニュー】のページから、追加したいメニュー名を選びます。
![](https://open-cage.com/wp-content/uploads/2017/08/b1cfd279aa661a7d5a469d106f3987c9.png)
その後「項目を追加」という箇所を押して、右側に表示される「固定ページ」の項目の中から、追加したいページを選んでいくことで設置可能です。
その後は任意の形に並び替えてください。
カテゴリー(記事一覧)ページを設置する
カテゴリーページの設置方法も、上の固定ページの設定方法と基本的に同じです。
![](https://open-cage.com/wp-content/uploads/2017/08/aeba9d9d897e5eca885ac2cbda8b4873-1024x567.png)
今度は「カテゴリー」の欄を選んで、その中から追加したいカテゴリー名をクリックすることでメニューへと追加することができます。
カテゴリーの下の「タグ」に関しても同様の考え方で設置できますね。
カスタムリンクを設置する
今度は外部の別サイトだったり、facebookページなど、手動でリンクを設置するための「カスタムリンク」をご紹介します。
これまでは、自分のサイト内で作成している固定ページだったり、カテゴリーページを選択することでメニューを追加していきました。
カスタムリンクというのは、任意でURLを指定してリンクを作成できるというものです。
![](https://open-cage.com/wp-content/uploads/2017/08/cea23af0284fc114b324e770fa2ac3ba-1024x640.png)
例えば、別で持っているホームページなどにリンクを設置したい場合は、カスタムリンクを使ってリンクを作成します。
![](https://open-cage.com/wp-content/uploads/2017/08/0814d7fa2f75dde12223c7405f697a9e.png)
「URL」の欄に、リンク先のアドレスをコピーペースト。
「リンク文字列」の欄に、メニューに表示したいテキストを入力。
![](https://open-cage.com/wp-content/uploads/2017/08/59cd9baf92c5791f6ea6197e1d5be20e-1024x72.png)
このように、自分のサイト以外のリンクを設置することもできますし、固定ページやカテゴリーなど、デフォルトの項目にないリンク(ユーザー毎のページなど)へのリンクを設置することも可能です。
カスタムリンクでダミーのリンクを設置することも可能
このカスタムリンクを応用して、ダミーリンクを作成することも可能です。例としては、ストークなどのデモサイトの「カテゴリー」の部分。
![](https://open-cage.com/wp-content/uploads/2017/08/9ecff37edf448dcecbc1e5ccb2e688e4-1024x503.png)
この「カテゴリー」の第一階層目は、カスタムリンクを使ったダミーリンクとなっていて
URL:#
ナビゲーションラベル:カテゴリー
というカスタムリンクで作られています。
![](https://open-cage.com/wp-content/uploads/2017/08/7574839a22d7c7192a4d591b5e7c8a35-1024x867.png)
リンクとしては機能しないけど、カテゴリーデモサイトのようにまとめたいという場合に使える裏技です。
あとがき
カスタムメニューはWordPressのデフォルト機能で、対応しているテーマも多いと思います。
ただ、設定方法が慣れないとわかりづらいため、この動画が参考になりましたら幸いです。