wordpressでグローバルメニューを画像にしつつ、該当ぺーじにいったときの各グローバルメニューの画像も変えたかったのでメモ。

>>参考にしたサイト

静的にマークアップ

元々wp_list_pages()のテンプレートタグを使ったナビゲーションの設定されてましたが、固定ページなのでwp_list_pages()は消して、リストで各ナビゲーションマークアップ。

	<div id="topnav">
      <ul>
        <li><a href="<?php bloginfo('url'); ?>/該当フォルダ名/" title=""><img src="<?php bloginfo('template_url'); ?>/images/<?php if(is_page('ページID') && is_page('スラッグ名')){ ?>navi_menu1_v.jpg<?php }else{ ?>navi_menu1_off.jpg<?php } ?>" alt="agaschool" /></a></li>
	</div>

固定ページのIDとスラッグ名をandでくくって条件分岐しました特に意味はありませんが。。。

固定ページにいったときは「navi_menu1_v.jpg」を表示されてそれ以外は「navi_menu1_off.jpg」となったのでよしとします。