フッターのメニュー

2013年4月18日

カテゴリー:Wordpress

WordPressでは、
外観 → メニュー で メニューというかナビゲーションバーが作れる。

メニュー自体は、何個でも作れるんだけど、メニュー自体を表示するコードが無いと、当たり前だけど表示されない。

どのテーマを選んでも、大体一個はメニューを表示する箇所がある。
普通はヘッダー(header.php)部分にあるけど、

ヘッダーには、いわゆる目次をおいて、
フッターに、サイトマップとか 連絡先とか 違うメニューを表示したい場合。

導入したテーマに、フッターにメニューを表示する機能が無い場合、どうするかって話。

2.png

この部分で設定したいっていう場合は、結構面倒な作業がいるんだけど、そのメリットが分からないので、やらない方向で。

3.png

この部分で、フッターに表示したいメニューを作成して、メニューの名前をつける。

メニューの名前はアルファベットで作成する。

仮に、Footer ってつけた場合、

フッターメニューに

<!--?php wp_nav_menu( array('menu' =--> 'Footer' )); ?>

って表示したい位置に入れれば終わり。

ただ、そのままだと、 UL LIを使ったリスト構造の都合上、縦表示になるから、
横表示に変えて、ちょっとボックス風なんかにしてみたり・・・

とかいう場合

4.png

#menu-footer ul{
margin: 0; 
padding: 0; 
list-style: none;
}
#menu-footer li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
#menu-footer a{
display: block; 
border: 1px solid #474655;
background-color: #fff;
font-size: x-small;
padding: 3px;
text-decoration: none;
color: #333;
width: 100px; 
margin: 1px;
text-align: center;
}
#menu-footer a:hover{
background-color: #2664a2;
color: #fff;
}

みたいにいれればOK。

コードをfooter.phpに一行いれただけで
勝手にCLASS も IDも設定されているので、 #menu-footer  って いれてid指定すれば大丈夫だと思います。

デル株式会社
HP Directplus -HP公式オンラインストア-

Related Articles

ブリヂストン サブナード 整備6

ボトムブラケット ノギスでざっくり測ったところ、68mmでした。 普通にスクエアテーパーのBB-UN300系列を考えました。BBを開けてみたところ、コッタレス ハンガーシャフトの刻印が3Sってなってたのですが、普通にLL123でいけるという話なので、信じて買うことにしましたが、どこを探しても売り切れなので、Aliexpressに手を出してみました。 UN300はなかったけれど、古いタイプのUN100があったので、UN100K LL123を買ってみました。...

ブリヂストン サブナード 整備4

ブレーキ 前輪は普通のキャリパーブレーキ(シングルピボット) 後輪はシマノのローラーブレーキ です。   ローラーブレーキは、定期的に専用グリスを入れる必要があります。 グリスと言っても、潤滑にする為というよりも、どちらかというとグリスがブレーキなので、専用を買ったほうが早いです。 普通にホームセンターとかで売ってます。そんなに珍しいものでもないので、自転車を販売してるイオンなんかにも、あるんじゃないかと思います。  ...

ブリヂストン サブナード 整備4

ブレーキ 前輪は普通のキャリパーブレーキ(シングルピボット) 後輪はシマノのローラーブレーキ です。   ローラーブレーキは、定期的に専用グリスを入れる必要があります。 グリスと言っても、潤滑にする為というよりも、どちらかというとグリスがブレーキなので、専用を買ったほうが早いです。 普通にホームセンターとかで売ってます。そんなに珍しいものでもないので、自転車を販売してるイオンなんかにも、あるんじゃないかと思います。  ...

0 Comments

0コメント

コメントを提出

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください