wordpress中wp_nav_menu怎么用

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; =>?,? 'menu'?=&gt;?,? 'container'?=&gt;?'div',? 'container_class'?=&gt;?'menu-{menu?slug}-container',? 'container_id'?=&gt;?,? 'menu_class'?=&gt;?'menu',? 'menu_id'?=&gt;?,? 'echo'?=&gt;?true,? 'fallback_cb'?=&gt;?'wp_page_menu',? 'before'?=&gt;?,? 'after'?=&gt;?,? 'link_before'?=&gt;?,? 'link_after'?=&gt;?,? 'depth'?=&gt;?0,? 'walker'?=&gt;?);? ?&gt;

如果是多菜單的話,如下調用

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

根據是否登錄生成不同該菜單欄

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

移除菜單欄

<?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; =>?''?)?);??&gt;

生成的菜單css風格為

可以通過

'before'??????????=&gt;?,<br>??'after'???????????=&gt;?,<br>??'link_before'?????=&gt;?,<br>??'link_after'??????=&gt;?,<br>

添加使用的標簽,并對其進行css美化,可以讓你獲得心中想要的效果。

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊10 分享