WordPress에서 wp_nav_menu를 사용하는 방법

워드프레스에서 wp_nav_menu를 어떻게 사용하나요?

Wordpress wp_nav_menu 사용 지침

권장: "wordpress tutorial"

wp_nav_menu() 메소드는 wp-includes/nav-menu-templates.php 파일에 있습니다.

주요 목적은 이 방법을 사용하여

배경 생성 메뉴 호출을 실현하는 것입니다.

이 기능을 사용하기 전에 테마 3.0+ 메뉴 기능을 활성화해야 합니다.

방법은 다음과 같습니다.

functions.php 파일에

add_theme_support( 'nav-menus' );或者 
•// 自定义菜单 
•register_nav_menus( 
•array( 
•‘header-menu’ => __( ’导航自定义菜单’ ), 
•‘footer-menu’ => __( ’页角自定义菜单’ ) 
•) 
•)；

를 추가하고 다음과 같이 간단히 호출합니다.

<?php wp_nav_menu($args);?>

호출되는 메뉴의 기본 레이아웃은

코드는 다음과 같습니다.

<?php $defaults = array( 
&#39;theme_location&#39; => , 
&#39;menu&#39; => , 
&#39;container&#39; => &#39;div&#39;, 
&#39;container_class&#39; => &#39;menu-{menu slug}-container&#39;, 
&#39;container_id&#39; => , 
&#39;menu_class&#39; => &#39;menu&#39;, 
&#39;menu_id&#39; => , 
&#39;echo&#39; => true, 
&#39;fallback_cb&#39; => &#39;wp_page_menu&#39;, 
&#39;before&#39; => , 
&#39;after&#39; => , 
&#39;link_before&#39; => , 
&#39;link_after&#39; => , 
&#39;depth&#39; => 0, 
&#39;walker&#39; => ); 
?>

If 멀티 메뉴입니다. 다음과 같이

<?php echo wp_nav_menu( array( &#39;container_class&#39; => &#39;menu-header&#39;, &#39;theme_location&#39; => &#39;primary&#39; ) ) ?>

를 호출합니다. 로그인 여부에 따라 메뉴바가 다르게 생성됩니다.

<?php
if ( is_user_logged_in() ) {
wp_nav_menu( array( &#39;theme_location&#39; => &#39;logged-in-menu&#39; ) );
} else {
wp_nav_menu( array( &#39;theme_location&#39; => &#39;logged-out-menu&#39; ) );
}
?>

메뉴바 제거

<?php
function my_wp_nav_menu_args( $args = &#39;&#39; )
{
$args[&#39;container&#39;] = false;
return $args;
} // function
add_filter( &#39;wp_nav_menu_args&#39;, &#39;my_wp_nav_menu_args&#39; );
?>

또는

<?php wp_nav_menu( array( &#39;container&#39; => &#39;&#39; ) ); ?>

생성된 메뉴 CSS 스타일은

사용된 메뉴를 추가할 수 있습니다.

&#39;before&#39;          => ,<BR>  &#39;after&#39;           => ,<BR>  &#39;link_before&#39;     => ,<BR>  &#39;link_after&#39;      => ,<BR>

를 통해 태그를 추가하고 CSS로 아름답게 꾸미면 원하는 효과를 얻을 수 있습니다.

위 내용은 WordPress에서 wp_nav_menu를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!