7

基本メニューがあり、一部のメニュー項目にはサブメニューがあります。私はワードプレスの経験がほとんどなく、今は詳細を深く掘り下げる時間がありません。だから私の質問は、使用がサブメニューページの1つに移動するときにトップメニュー項目を強調表示する最も簡単な方法は何ですか?(javascriptと純粋なcssの両方を使用して、要素IDと「current-cat-parent」クラスを使用してcolorプロパティを設定しようとしましたが、どちらも機能しませんでした)。
どんな助けでも大歓迎です。

注:私はカメレオンと呼ばれるテーマを使用しています。

4

7 に答える 7

11

current-menu-itemクラスを次のような.current-menu-ancestorクラスに割り当てることができます。

.main_menu li.current-menu-item a, .main_menu li.current-menu-ancestor a{
    color: #777777 !important; /* highlight color */
}

親ページメニューを強調表示します

このページを参照してください

于 2013-03-30T08:39:07.140 に答える
3

テーマのfooter.phpファイルの終了bodyタグの直前に次のコードを挿入できます。

<!-- Highlight parent page link when on child page -->
<?php if (is_page()) {   //  displaying a child page ?>
    <script type="text/javascript">
        jQuery("li.current-page-ancestor").addClass('current-menu-item');
    </script>
<?php } ?>

これの美しさはPHPにあるので、コードは動的です。現在のページのリンクをアクティブにする別のネイティブWordPressnavliクラスを追加するだけです。

私はここにそれがどのように機能するかを説明する短い投稿を書きました:子/サブページを表示するときに親ページのナビゲーションリンクを強調表示する方法

ご不明な点がございましたら、お気軽にお問い合わせください。

于 2015-02-18T14:38:10.393 に答える
3

これを編集するのに少し問題がありましたが、簡単な解決策を見つけました。私はWordpressストアフロントテーマを使用しています。これを子テーマのstyle.cssファイルに貼り付けるだけです。

li.current-menu-parent >a {
  color:red !important;
}
于 2016-04-19T16:41:29.037 に答える
3

面白い。ソリューションは親を強調表示しましたが、現在の子は強調表示しませんでした。しかし、それは私を正しい道に導き、最終的にはこれが私が必要としていたものでした。

li.current-menu-parent >a, .current-menu-item >a {
    color: red !important;
}
于 2017-06-13T15:49:05.497 に答える
1

WordPress 5.7

テストおよび動作中、2021年

2021年。まだ解決策を探している人がいれば、ここにあります。

これにより、親とその子が強調表示されます。子メニューがない場合は、親が強調表示されます。覚えておく!important必要があります。

.current-menu-parent > a,
.current-menu-item a { 
    color: blue !important; /* Important is required */
}
于 2021-05-03T08:57:33.747 に答える
0

.current-menu-ancestor私のために働いていませんでした。.current-page-ancestorやりました。

于 2013-11-01T13:10:01.210 に答える
0

これは私のために働いた。次のCSSを使用すると、アクティブなメニューのスタイルを設定できます...3つのメニューの深さまで。

.current-menu-ancestor{ background:RED !important; }
.current_page_parent{background:GREEN !important;}
.active{background:YELLOW !important;}
  • 現在アクティブなページを表すメニューボタンは黄色になります。
  • 現在アクティブなページを表すボタンがネストされている場合、その親は緑になります...そうでない場合、メニューのトップレベルボタンは緑になります。

  • そして最も重要なのは(メニューに表示されるネストのレベルに関係なく).current-menu-ancestorのクラスを持つ要素はすべて 、背景が赤でスタイル設定されます。

.current-menu-ancestorのみをスタイル設定することも可能であり、親のmenu-itemはスタイル設定されます。

于 2019-10-22T21:34:28.730 に答える