フッターのメニュー

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

DELL XPSの延長保証を後から購入

DELL XPSの延長保証を後から購入

以前、XPSを購入したときの記事の追加です。   保証費用 前回の記事で、 Inspironは、引き取り修理が選べるのに XPSは、引き取り修理が選べないっていう仕様になってると書きましたが、 2020.2.4現在は引き取り修理も選択できます。   なんか、値段とか色々設定が変わったタイミングだったので、表示上の問題だったのかもしれません。     ただ、2018.12の購入時 4年間 Premium Supportは+51,000円  でしたが、 2020.2の時点では、...

テーマ投資のFOLIO

テーマ投資のFOLIO

売り時 その1 FOLIOに口座を開設して、数年たちました。 儲かったもの(プラスを出して現金化したもの)も、含み損を抱えているものもあります。 そして気づいたFOLIOの弱点は、いつ売ればいいのか教えてくれないことです。   自分で考えないといけません。 だから、自分で考えました。 特定の%を設定して、それを超えたら(上がっても下がっても)売ればいいと思います。 ちなみに、自分は1割で設定しています。 まあ、この考え方を実践している人は多いと思いますが。。。    ...

テーマ投資のFOLIO

テーマ投資のFOLIO

売り時 その1 FOLIOに口座を開設して、数年たちました。 儲かったもの(プラスを出して現金化したもの)も、含み損を抱えているものもあります。 そして気づいたFOLIOの弱点は、いつ売ればいいのか教えてくれないことです。   自分で考えないといけません。 だから、自分で考えました。 特定の%を設定して、それを超えたら(上がっても下がっても)売ればいいと思います。 ちなみに、自分は1割で設定しています。 まあ、この考え方を実践している人は多いと思いますが。。。    ...

0 Comments

0コメント

コメントを提出

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

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