首頁 > CMS教程 > &#&按 > wordpress中wp_nav_menu怎麼用

wordpress中wp_nav_menu怎麼用

藏色散人
發布: 2020-01-10 09:48:42
原創
2902 人瀏覽過

wordpress中wp_nav_menu怎麼用

wordpress中wp_nav_menu怎麼用?

wordpress之wp_nav_menu使用說明

推薦:《wordpress教學

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);?>
登入後複製

呼叫的menu預設排版為 

#程式碼如下:

<?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; => ); 
?>
登入後複製

如果是多選單的話,如下呼叫

<?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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板