ワードプレスのメニューはメンテナンスフリー？

2017年3月15日 WP情報

ホームページで最も頻繁に使用されるものは”メニュー”だと思います。

例えば、左図の様なホームページのメインコンテンツへ案内をするメニューがあります。（WordPressではグローバルメニューと呼ばれることもあります）

また、左下の例の様にコンテンツ内に数行だけ書かれているメニューもあります。

メニュー#1
メニュー#2
メニュー#3
メニュー#4

様々な装飾（色、太字、下線や背景画など）を別にすればメニューの正体は単純な記述です。

例の”メニュー#1”は、

と記述されます。HTMLの中でも最も有名な記述で、ハイパーリンク、リンク、アンカーなどと呼ばれているものです。

ですから、4つのメニューを作成したい時は、

と並べるだけです。（色や下線はCSSなどで別途設定されます）

メインメニュー（アコーディオン展開されるサブメニューは出来ませんが）も簡易メニューも基本はこれだけです。

リンク先を並べて体裁を整えるだけ。

しかしですね、簡単なのですが、一つ大きな問題があります。（非常に大きな問題かもしれません）

それは、『リンク先URLが無くなったり変更になるとリンクが切れる』ことです。

また、『リンク先の名称が変更になっても旧名称が残る』ことです。

例えば、<a href=”http://abc.com/kou_blog”>こうさんのブログ</a>とメニューの一つを書いたとします。

ある日思い立って、『こうさんのブログ』を『お店からのお知らせ』に変えてURLも“http://abc.com/info”に変更したとします。

メニューの事を覚えていて、<a href=”http://abc.com/info”>お店からのお知らせ</a>に変更すれば、何の問題もありません。

ところが、メニューはサイトの至る所に設置することが多いです。

結局、メンテナンスを忘れて、リンクの切れた、名称も存在しないメニューが残ることになります。

これはいけない。

名称が異なったりリンクが切れたりしたメニュー項目が残っていると、訪問者に”さびれたサイト”というイメージを植え付けます。

この大問題を解決してくれる素晴らしい機能がWordPressには備わっています。

むしろ、WordPressの最もWordPressらしい面とも言えます。

WordPressではメニュー名を予め登録しておくと、直接リンクのHTML記述をしなくてもシステマティック（直観的）にメニューを生成する機能があります。

メニュー名の登録は少し難しくてPHPというプログラム言語で記述します。（ここからの説明は”ふ～ん”程度に眺めてください）

register_nav_menus(
　array(
　　’ta_headertop_info_menu’ => ‘TAヘッダートップメニュー（連絡先エリア簡易メニュー）’,
　　’ta_headertop_search_menu’ => ‘TAヘッダートップメニュー（検索エリア簡易メニュー）’,
　　‘ta_global_navigation’ => ‘TAグローバルメニュー（ナビゲーション）’,
　)
);

functions.phpと呼ばれるファイルに上記のオマジナイを書くと3種類のメニュー名が登録されます。

次に登録されたメニュー名を表示させたい箇所に、

wp_nav_menu(
　array(
　　’container’ => ‘div’,
　　’container_id’ => ‘ta-global-navi’,
　　’theme_location’ => ‘ta_global_navigation’,
　　’echo’ => false,
　　’depth’ => 3,
　)
);

という関数を貼り付けます。（上の例は登録された’ta_global_navigation’という名前のメニューを貼り付ける関数です）

ここまで準備ができるとWordPressのメニュー設定画面が利用できます。