您现在的位置是:首页 > 教程 > WordPress教程WordPress教程
wordpress中wp_nav_menu的使用方法
谭灶声2023-07-05 22:41:26WordPress教程已有人查阅
导读wordpress中wp_nav_menu怎么用?wordpress之wp_nav_menu使用说明wp_nav_menu()方法位于wp-includes/nav-menu-templates.php文件中。
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’ => __( ’页角自定义菜单’ )
•)
•);
简单调用如下:
<?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美化,可以让你获得心中想要的效果。
本文标签:
很赞哦! ()
相关文章
随机图文
-
wordpress实现文章分页的方法
wordpress怎么实现文章分页?由于篇幅过长导致页面加载速度过慢,降低用户体验,所以必须要找个方法把长文章进行分页,搜索了一下,发现有个代码解决的方法非常好。 -
wordpress适合门户网站吗
wordpress是适合门户网站的。绝大多数的网站类型都可以用WordPress做,WordPress是使用PHP语言开发的博客平台 -
WordPress对接阿里云OSS的方法教学
阿里云对象存储服务 (OSS) 是一种高度可伸缩且安全可靠的云对象存储服务,让您可以存储、备份和归档大量数据。阿里云 OSS 是一种简单易用的服务 -
实现让WordPress支持google AMP的方法
AMP的HTML代码是标准HTML的一个子集,大大简化了html的代码,部分Html代码将不再适用,如table, frame等。
留言与评论 (共有 条评论) |