wordpress カスタム投稿 子要素(single.php)のメニューをアクティブにしたい

Question

こんにちは！
最近wordpressのサイト構築を始めて結構詰まってます。
こちらの投稿も初めてですので説明が分かりにくい部分があるかもしれませんが
よろしくお願いします。

タイトルにも書いたのですがwordpressのカスタムメニューを
使ってるのですが、archive.phpには自動で.current-menu-itemの
クラスが付与されてそこにスタイルを当てれるのですが
その先のsingle.phpの記事には付与されない状態です。

検索しても出てこないのでそもそもサイト構築のやり方がまずいのか
分からない状態で困ってます。

Answer 1

どういうメニュー構成かわかりませんが、例えばアーカイブへのリンクを表示しているメニューの場合、そのアーカイブ内の記事には「.current-menu-item」が付きません。

メニューの変更をしたければフィルターフックで処理することが出来ます。

【[WordPress] カスタムメニューの項目に付与されるクラスをカスタマイズする】
http://notnil-creative.com/blog/archives/1615

Comments

[komadesign0]

kei334さん
ご回答ありがとうございます。

フィルターフックを理解してませんでしたので助かりました。
こちらの方法で対応できそうですのでやってみます。

こういうサイトは初めて利用するのですが皆さん親切で
とてもよいと思いました。ありがとうございます。

Answer 2

クラスの付与でしたら、
メニューを呼び出している関数（wp_nav_menu）のオプション（menu_class）に設定されていないと思われます。

メニュー自体が表示されていないとのことでしたら、
archive.phpのメニューをコピペする方法がいいかと思われます。

コードがないためこのようなことしか書けませんがお役に立てたらと思っています。

Comments

[komadesign0]

kyomiさん
遅くなりました！
ご回答ありがとうございます。
こちらの説明がうまくなくて申し訳ありません。

>メニュー自体が表示されていないとのことでしたら、
archive.phpのメニューをコピペする方法がいいかと思われます。

メニューは表示されてる状態です。

ちょっと書き直しました↓
wp_nav_menuのオプションメニューの中で
現在のページのメニュー項目というのがあって
メニューのliタグに自動的に.current-menu-itemが
付与されるのでこちらに

.menu li.current-menu-item {
border-bottom: 0.1rem solid #fff;
background: #fff;
}

と背景を#fffにしてアクティブ表示にしてるのですが
こちらの一覧ページ
http://localhost/wordpress/novel/ から
http://localhost/wordpress/novel/book1/
という個別ページに飛んだ時には
メニューに.current-menu-itemが付与されないみたいで
アクティブ表示にできません。
この下層のページでもアクティブにする方法を現在探してます。

まだwordpressを始めたばかりでテンプレート階層も
全部理解できてない状態ですので
そもそもこのページ構成に問題があるのかも分からない状態です。

[komadesign0]

追記です。
メニュー部分はプラグインのCustom Post Type UIを使用してます。