こんばんは、Nextatのナカエです。 今日はWordPressにメニューのちょっとした改造方法についてです。 WPでの制作では、wp_nav_menu()を使ってグローバルナビゲーションやサイトマップを作成する機会は非常に多いかと思います。 管理画面からメニューを好きに入れ替えられるのは便利ですが、一方でかゆいところに手が届かないケースもよく有ります。 その1つが、ul要素に含まれる各li要素にそれぞれ違うスタイルを指定したいとき。 特に、テキストをスタイルシートで画像置換してメニューを作りたいときに問題になってきます。 各li要素にはmenu-item-1、menu-item-2などとidが振られているものの、このIDを頼りにCSSを書いてしまうと、メニューの番号が変わってしまったり、番号との対応がわかりづらかったりといった難点があります。 この記事では、比較的簡単な解決策として、wp