자식 페이지가있는 동안 활성 부모 링크 및 하위 링크

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; 
    }