今更聞けないWordPress備忘録

初心者がワードプレスを始める基礎知識のまとめ

WordPress ナビゲーションメニューを作る

スポンサーリンク

1、メニューの画面へ

WordPress の管理画面にログインして、左メニューにある「外観」にカーソルをあてる。すると「メニュー」が表示されるのでクリックしよう。

 

f:id:yumeji773:20170128001659p:plain

 

 

2、メニューを追加する

①「新規メニューを作成」をクリックする。

 

f:id:yumeji773:20170128002131p:plain

 

②新規メニュー名の入力が求められる。

 

f:id:yumeji773:20170128002339p:plain

 

「メニュー構造」でナビゲーションメニューの編集ができる。

 

f:id:yumeji773:20170128002639p:plain

 

注:テーマの位置について
メニュー設定にあるテーマの位置は、テンプレートによって異なる。メインメニューだけではなくサイドバーに表示できるテンプレートもある。このページでは、WordPress のデフォルトテーマの一つ ” Twenty Twelve “を例として解説している。表示内容はテンプレートによって異なるが操作方法は同じなので安心してほしい。

 

④ナビゲーションメニューに追加できるのは、次の通り「固定ページ」「リンク」「カテゴリー」の3つから選べる。

 

f:id:yumeji773:20170128002934p:plain

 

3、ナビゲーションメニューにテキストリンクを追加する

 

f:id:yumeji773:20170128003249p:plain

 

①◆「固定ページのリンク」を追加したい場合は、固定ページのリンクの右横にある▼をクリックする。

①◆「カテゴリーのリンク」を追加したい場合は、カテゴリーバーの右横にある▼をクリックする。

②それぞれ追加できるリンクが表示される。続いて「メニューに追加」をクリックすると、画面右側のメニュー編集画面にタイトルが追加される。

 

固定ページを自動追加:固定ページを作る度に固定ページのリンクを自動でナビゲーションメニューに追加できる。
テーマの位置:サイトにナビゲーションメニューを表示できる。


「固定ページを自動追加」はリンクが勝手にナビゲーションメニューに追加されるのでチェックを外そう。

「テーマの位置」にチェックを入れないとナビゲーションメニューに表示されないので必ずチェックを入れよう。

 

◆メニューが複数ある時の便利な設定方法

テンプレートによってメニューは異なり、メニューを複数持つテーマもある。その複数メニューを一覧画面で設定する方法がある。

まず「位置の管理」というタブをクリックすると下図の画面が表示されて、どのメニューがどこに配置されているかが一目でわかる。

 

f:id:yumeji773:20170128005703p:plain

 

◆メニューの並び替え

設定方法は移動したいリンクタイトルをドラッグ&ドロップするだけだ。

並び替えが終わったら「メニューを保存」をクリックすると完了だ。

 

f:id:yumeji773:20170128010332p:plain

 

メニューにドロップダウンメニューを

設定が完了したら「メニューを保存」をクリックすると反映される。

f:id:yumeji773:20170128010625p:plain

 

注:ドロップダウンメニューの使用はなるべく避けよう
ナビゲーションメニューに掲載するリンクが多すぎるとドロップダウンメニューを使用した方が収まりが良い。ただし、検索エンジンクローラーがうまく巡回できないことがあるため極力避けるべきだ。