코딩

워드프레스 HTML 메뉴 설정하기

코딩저니 렉스 2022. 12. 13. 21:12

워드프레스 HTML 메뉴 리스트를 사용하기로 결정하였다면 유용한 기능입니다.

특정한 페이지에 있을 때 해당 페이지의 메뉴의 색상을 변경해주어 해당 페이지에 있다는 것을 사용자들에게 알려줄 수 있습니다.

 

<li> 에서 i와 > 사이에 php 코드 사입이 가능합니다. <?php ?>

그리고 if 기능을 사용하여 만약에 is_page 즉 현재 페이지가 about-us 페이지라면 echo 즉 보여줘라 class="current-menu-item"

그리고 아래와 같이 자식 페이지인 경우라면 계속해서 부모 페이지를 메뉴에 색상 표시해 주면 좋기 때문에

if에서 or 또는 기능을 사용하여 wp_get_post_parent_id(0) == 14 즉 현재 페이지의 부모 페이지 아이디가 14 (지금 경우에는 부모 페이지가 14가 맞습니다)라면 색상을 표시해 준다라는 의미입니다.

따라서 아래와 같이 부모 및 자식 페이지 모두 About Us가 색상이 들어와 있습니다.