특정 CSS 스타일을 표시하는 방법 wp_nav_menu()

나는 정말로 wordpress에 새로운입니다. 사용자 브라우저가 특정 페이지에있을 때 특정 메뉴 항목 만 표시하려는 사용자 정의 메뉴가 있습니다.특정 CSS 스타일을 표시하는 방법 wp_nav_menu()

wp_nav_menu (array ('theme_location'=> 'menu-main')));

특정 css 클래스 항목이있는 특정 메뉴 항목 만 표시하는 wp_nav_menu() 후크가있는 방법이 있습니까?

2017-12-27 bama

아니요, 없습니다. 그러나 연구'wp_nav_menu' - 당신은 당신이 어느 페이지에 있는지 보여줄 수있는 다중 메뉴를 가질 수 있고, 또한 메뉴를 "필터"할 수 있기 때문에 커스텀 코드로 필터는 주어진 상황에서 어떤 메뉴 항목이 표시되는지 제한합니다. –

기존 기능을 작성하기 전에 기존 플러그인을 검색하는 것이 좋습니다. 특정 기능에 대해서는 Page Specific Menu Items 플러그인을 사용합니다.

기존 기능에 추가하려면 body_class 필터를 사용해보십시오. 이 함수를 사용하면 body 요소에 css 클래스를 추가 한 다음 특정 페이지에 대한 메뉴 표시 방법을 변경하는 CSS를 작성할 수 있습니다.

출처

2017-12-27 16:35:16 doppl3r

귀하의 질문을 잘 이해한다면 예, 방법이 있습니다. 조건문을 사용할 수 있습니다. PHP if 문. 당신이 명령 예를

if(is_page(array('about-us', 'contact', 'management')) { 

    //either in about us, or contact, or management page is in view 
    //execute something 

} else { 

    //none of the page about us, contact or management is in view 
    //execute something 

}

을 실행 그리고 당신은 그래서 두 개의 아이디어를 연결하는 wp_nav_menu

에 클래스/ID를 추가하기 전에 당신은 페이지의 제목, ID, 카테고리를 확인하기위한 워드 프레스 허용, 당신은 할 수 있습니다 :

// When Page 42 (ID) is being displayed. 
if (is_page(42)) { 

    wp_nav_menu(array('menu_id' => 'pines', 'menu_class' => 'pnav')); 

} elseif(is_page(array('about-us', 'contact', 'management')) { 

    wp_nav_menu(array('menu_id' => 'bananas', 'menu_class' => 'nav')); 

} else { 

    wp_nav_menu(array('menu_id' => 'main-id', 'menu_class' => 'main-nav')); 

}

고유 ID와 클래스가 추가되면 원하는 방식으로 스타일을 지정할 수 있습니다. 참고 https://codex.wordpress.org/Conditional_Tags

출처

2017-12-27 23:47:31 omukiguy

특정 CSS 스타일을 표시하는 방법 wp_nav_menu()

답변

관련 문제