网站建设资讯

NEWS

网站建设资讯

wordpress中wp_nav_menu的使用方法-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比平南网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式平南网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖平南地区。费用合理售后完善,十年实体公司更值得信赖。

wordpress中wp_nav_menu的使用方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

wordpress中wp_nav_menu怎么用?

wordpress之wp_nav_menu使用说明

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’ => __( ’页角自定义菜单’ ) 
•) 
•);

简单调用如下:

调用的menu默认排版为

代码如下:

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

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

 'menu-header', 'theme_location' => 'primary' ) ) ?>

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

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

移除菜单栏

或者

 '' ) ); ?>

生成的菜单css风格为

可以通过

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

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

感谢各位的阅读!看完上述内容,你们对wordpress中wp_nav_menu的使用方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联-成都网站建设公司行业资讯频道。


新闻名称:wordpress中wp_nav_menu的使用方法-创新互联
浏览路径:http://cdweb.net/article/psdci.html