WordPressテーマ「Cocoon」のグロナビの現在地表示が予想以上に簡単だった

当ブログのヘッダーメニューに現在地表示機能を追加したかったので、少しだけカスタマイズしました。

カスタマイズと言ってもたいした作業は必要なく、下図の［カスタマイズ＞追加CSS］画面を開いて、赤枠部分のCSSを追加し、現在地表示しているときの背景色と文字色を指定するだけでOKです。

ちなみに「current-menu-item」というクラスはCocoon側で追加してくれるので、jQueryなどでクラス追加する必要はありません。

.current-menu-item {
	background: #f6f8fa; // 背景色
}
.current-menu-item .item-label {
	color: #88c997; // 文字色
}

比較的簡単に設定できますので、ご興味のある方はぜひお試しください。