古风汉服美女图集

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

如果是多菜单的话,如下调用

<?php echo wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ) ?>

根据是否登录生成不同该菜单栏

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

移除菜单栏

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

或者

<?php wp_nav_menu( array( 'container' => '' ) ); ?>

生成的菜单css风格为

可以通过

'before'          => ,<BR>  'after'           => ,<BR>  'link_before'     => ,<BR>  'link_after'      => ,<BR>

添加使用的标签,并对其进行css美化,可以让你获得心中想要的效果。

1、本文来自 iHu 投稿的内容 WordPress中wp_nav_menu的使用方法详解:创建导航菜单 ,所有言论和图片纯属作者个人意见,版权归原作者所有;不代表 本站 立场;
2、本站所有文章、图片、资源等如果未标明原创,均为收集自互联网公开资源;分享的图片、资源、视频等,出镜模特均为成年女性正常写真内容,版权归原作者所有,仅作为个人学习、研究以及欣赏!如有涉及下载请24小时内删除;
3、如果您发现本站上有侵犯您的权益的作品,请与我们取得联系,我们会及时修改、删除并致以最深的歉意。邮箱: i-hu#(#换@)foxmail.com

2024-01-29

2024-01-29

古风汉服美女图集
扫一扫二维码分享