現在のページをハイライト表示

itemこのページに使っているちょっとしたチップスを少しずつ書いていこうと思います。

現在のページのメニュー画像をハイライトさせる方法ですが、ヘッダーには、wp_list_pages(‘title_li=’) が入れてあります。wp_list_pages() をページ表示時に呼び出すと、そのページを指すリストアイテムには current_page_item というクラスが追加されますので、 それを利用してCSS セレクタでデザインします。

ページ ID は、管理画面のページ項目にオンマスすると確認できますが、ローカルのテスト環境で使う場合は、IDが変わるので注意が必要です。(確認ブラウザ:Firefox3 / IE8)

カテゴリー : チップス