您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

wordpress中wp_nav_menu的使用方法

谭灶声2023-07-05WordPress教程已有人查阅

导读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美化,可以让你获得心中想要的效果。

本文标签:

很赞哦! ()

相关源码

  • html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发,专为新闻资讯类网站打造,同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码
  • (自适应)品牌策划高端设计公司网站pbootcms模板免费下载本模板为品牌策划与设计公司打造,基于PbootCMS内核开发,充分考虑了创意设计行业的视觉展示需求。模板设计风格现代简约,布局合理清晰,呈现设计作品与专业服务,帮助设计公司展示创意实力并吸引潜在客户。查看源码
  • pbootcms模板PC+WAP娱乐新闻资讯类博客网站源码该模板基于PbootCMS内核开发,专为娱乐新闻、健康生活类资讯网站设计,同时支持快速适配其他行业(如企业官网、博客门户等),仅需替换图文内容即可完成转型。查看源码
  • (自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板,为化妆品品牌、美容机构打造,通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格,色卡系统规范产品展示。微交互动画增强用户体验,智能推荐算法提升产品关联展示效果。查看源码
  • 自适应恒温恒湿机空调机械设备营销型网站模板(自适应手机版)响应式营销型恒温恒湿机环境设备类网站pbootcms模板 蓝色营销型空调设备网站源码下载PbootCMS内核开发的网站模板,该模板适用于营查看源码
  • (自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发,为勘察设计院所、工程咨询单位设计,特别适合展示设计成果、技术服务和项目案例。采用响应式技术,确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码
分享笔记 (共有 篇笔记)
验证码: