WordPressのメニューを、footer等用に作成して追加する方法
WorPressのデフォルトでは、gnavi（グローバルナビ）にメニューを追加し、表示させることはできますが、footer等に違うメニューを作って表示させたい！という事がちょくちょくありますが、一度作ってしまうともうそんなに同じような作業はしないので忘れてしまいます。
ので、いちいち作ったサイトの要素検証して、function.phpを弄って…、と少々やいこしいので、また次回同じようにfooter等にメニューを追加したい時のための覚書です。
ってことで、順を追って書いていきます。
WordPressのメニューを、footer等用に作成する
gnaviと同じものなら問題ないですが、footerにはもう少しいらないものは省いて、お問い合わせ、サイトマップ等だけを表示したい！ということがよくあるので、gnaviと違う、footer用メニューを作成します。
まずは、
1, wpの管理画面→外観→メニュー等から、メニューを作成する画面にいきます。
今回は フッターメニュー という名前で、“ホーム”,”サイトマップ”,”お問い合わせ” のみのメニューを作りました。
2, functions.phpにカスタムメニュー機能を追加します。
functions.phpに、
register_nav_menu( 'footer-menu', 'フッターメニュー' );
と書き込み、カスタムメニュー機能を追加します。
‘footer-menu’：この部分は半角英数字で。メニューを設置するときに使用します。
‘フッターメニュー’ ：この部分はなんでもOKです。メニューの管理画面で表示されます。
3, footer.php等、メニューを表示させたい場所に記述を追加します。
footer.php等、新たなメニューを追加したい場所に、
<?php wp_nav_menu( array ( 'theme_location' => 'footer-menu' ) ); ?>
と記述します。
4, メニューの管理画面で位置の設定をします。
上記の準備ができていたら、メニューの管理画面の、“位置の管理” の画面でこのように “フッターメニュー” が現れるので、
同じ名前でちょっとやいこしいですが、“フッターメニュー”（作成したメニューの名前）を、フッターメニュー（function.phpに記載した名前）から選択します。
この設定を保存したら、このページ下部のように、新たなメニューがでてきますので、あとはcssで色や配置を調整してできあがり！です！！
- ◀PREV
前の記事
- OGPをWP-OGPのプラグインを改変して設定する！！2015年のOGP最新設定
- NEXT▶
次の記事
- WP Social Bookmarking Lightを好きな場所に設置、移動する方法
関連記事
-
-
2017最新版：SNS等の公式ロゴ（アイコン）素材のまとめ（Facebook, Instagram, Youtube, Twitter, Line etc.）
一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ（アイコン）』だと思うのですが、サイト…
-
-
WordPressの記事がトップページ以外、全部見れなくなった時の対処方法（404 error）
年末にサーバーの移転を進めていたのですが、以前に何度かサーバーの移転やWordpressの引っ越し等々していたので、大変…
-
-
WordPressのデータベースのテーブル接頭辞を、phpMyAdminで変更する方法
最近サーバーを変更してWordPressの引っ越しをしたのですが、引っ越し前のサーバーの初期設定でWordPressのデ…
-
-
テキスト、画像を選択できなくする方法
facebookで『続きを読みたかったらいいねを教えてね！』みたいな記事がよくありますが、必ずそういう記事に限ってコピペ…
-
-
WordPressで “SyntaxHighlighter” を使って、ソースコードをキレイに書く方法
よくwebデザイナーさんやクリエイターさん、プログラマーさんたちの書いてるwebサイトを見たら、ソースコードを、 …
-
-
ドメイン＆WordPressを含むサイトの引越しでの、URL変更作業：『DATABASE SEARCH AND REPLACE SCRIPT IN PHP』を使って
最近サーバー移転をして、その時々に起こった問題や注意点を記事にしてましたが（301リダイレクトの記述方法、URLの正規化…
-
-
Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
Firefoxでなぜか消えてしまうTableのborder、いつもじゃなく、たまになのでこれがやっかい。。原因がわからな…
-
-
301リダイレクトでサイトのリニューアル（ドメインを変更）する！：.htaccessの記述、設定方法、順序etc.
最近サーバーの見直し、ドメイン管理会社の見直し、サイト内の見直し等々しているのですが、以前から使用していたサーバー（エク…
-
-
onMouseOver、onMouseOutで、簡単に画像を切り替える
今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させ…
-
-
2015最新版：PING送信先リスト20（WordPress Ping Optimizerへ登録するPingのURL）
色々と設定の見直し中なのですが、PingはSEO対策では大切なんですよね？正直まだイマイチPingは把握しきれていません…
