【WordPress】メニューの一部を装飾する
メニュー項目のうち、特定の項目を装飾したい場合、どうするか?
![](https://nakkan-base.blog/wp-content/uploads/2021/08/rsvp-flag.png)
例えば、上のWordPressテーマのように最後の「RSVP」という項目の背景が旗のようになっている場合。
まずデベロッパーツールで確認してみると、この項目に<div class=”rsvp-flag”>というクラスが与えられているのがわかる。
ついテーマエディターを探りたくなるが、もっとずっと簡単な方法がある。
「メニュー」の「ナビゲーションラベル」を次のように書けばいい。
![](https://nakkan-base.blog/wp-content/uploads/2021/08/rsvp.png)
これでファイルを触らなくても、バックが旗の形になりました。