子ページ上のアクティブな親リンクと子リンク

Question

ナビゲーションページの親リンクをクリックすると、そのページにリダイレクトされます。それは、そのページのすべての子ページへのリンクを表示します。私の問題は、子ページリンクをクリックしてもナビゲーションメニューの親ページリンクを常に強調表示したいということです。だから、最終的に親ページのリンクと子ページのリンクの両方を強調表示する必要があります。

私はいくつかのことを試しましたが、うまくいきません。親のすべての子ページをループアウトできますが、強調表示されません。

<?php 

    if ($post->post_parent) : 
     $parent = $post->post_parent; 
    else : 
     $parent = $post->ID; 
    endif; 

    $childpages = get_pages('child_of=' . $parent .  '&sort_column=menu_order'); 

    ?> 

    <div class="row pad60"> 
    <ul class="category-nav column"> 
     <?php foreach($childpages as $childpage) { ?> 

      <a href="<?= get_page_link($childpage->ID) ?>"> 
       <li><div class="primary-btn"> <?= $childpage->post_title ?> </div></li> 
      </a> 

    <?php } // End foreach ?> 
    </ul> 
</div> 

はありがとう。これは私が今使っているものですが、私はこれが最初の場所に行くための正しい方法ではありません感じます！

Answer 1

WordPressには、メニューを対象とするCSSクラスが組み込まれています。 https://developer.wordpress.org/reference/functions/wp_nav_menu/#Menu_Item_CSS_Classes

// This will highlight all the current menus 
.current-menu-item a { 
    color: blue; 
    } 

/* This will highlight its parent, when you are in its child page. */ 
.current_page_parent a { 
    color: orange; 
    }