wordpress中wp_nav_menu怎么用

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

红帽云邮外贸主机

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怎么用的详细内容,更多请关注红帽云邮其它相关文章!


红帽云邮外贸主机

分享到:
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。
    红帽云邮外贸主机
热门
    红帽云邮外贸主机
    红帽云邮外贸主机