wordpress中wp_nav_menu怎么用

redmaomail 2024-07-24 23:03 阅读数 64 #wordpress

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( &#39;nav-menus&#39; );或者 
•// 自定义菜单 
•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怎么用的详细内容，更多请关注红帽云邮其它相关文章！

分享到：

上一篇：如何使用WordPress内置图片仓库制作缩略图下一篇：如何制作WordPress主题语言包