`
lonelystarxing
  • 浏览: 46896 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

wordpress之wp_nav_menu使用说明

阅读更多

wp_nav_menu()方法位于wp-includes/nav-menu-templates.php文件中。

其主要用途是通过该方法,

实现后台的生成菜单调用。

使用该功能之前,必须激活主题3.0+菜单功能。

方法如下:

在functions.php文件中加入

add_theme_support( 'nav-menus' );
或者



  1. // 自定义菜单
  2. register_nav_menus(
  3. array(
  4. ‘header-menu’ => __( ’导航自定义菜单’ ),
  5. ‘footer-menu’ => __( ’页角自定义菜单’ )
  6. )
  7. );

简单调用如下:

<?php  wp_nav_menu($args);?>

调用的menu默认排版为

01 <?php $defaults = array (
02    'theme_location'   => ,
03    'menu'             => ,
04    'container'        => 'div' ,
05    'container_class' => 'menu-{menu slug}-container' ,
06    'container_id'     => ,
07    'menu_class'       => 'menu' ,
08    'menu_id'          => ,
09    'echo'             => true,
10    'fallback_cb'      => 'wp_page_menu' ,
11    'before'           => ,
12    'after'            => ,
13    'link_before'      => ,
14    'link_after'       => ,
15    'depth'            => 0,
16    'walker'           => );
17 ?>

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

<?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风格为




可以通过
1 'before'           => ,<br>  'after'            => ,<br>  'link_before'      => ,<br>  'link_after'       => ,<br>
添加使用的标签,并对其进行css美化,可以让你获得心中想要的效果。
1
1
分享到:
评论

相关推荐

    wordpress菜单函数wp_nav_menu()使用

    函数使用说明: '', 'menu' =&gt; '', 'container' =&gt; 'div', 'container_class' =&gt; 'menu-{menu slug}-container', 'container_id' =&gt; '', 'menu_class' =&gt; 'menu', 'menu_id' =&gt; '', 'echo'

    WordPress导航菜单函数wp_nav_menu()详解

    本文主讲内容是WordPress导航菜单函数wp_nav_menu()详细使用的说明,大家可以看参考一下,在开发WordPress模板时会使用到这个函数自定义菜单

    wp-bootstrap-navwalker-dropdown:这是navwalker下拉菜单的一个版本

    wp-bootstrap-navwalker-下拉菜单 这是navwalker下拉菜单...通过在wp_nav_menu数组中添加“ walker”项,更新header.php中的wp_nav_menu()函数以使用新的walker。 &lt;?php // Menu Location wp_nav_menu ( array

    导航菜单角色:按角色显示隐藏wp_nav_menu()项目

    导航菜单角色贡献者: 捐赠链接: : 标签:菜单菜单导航菜单导航菜单至少要求: 4.5.0 经过测试... 除了标准用户角色之外,您还可以使用nav_menu_roles过滤器添加带有自定义标签的nav_menu_roles ,然后使用nav_menu_r

    wordpress导航如何设置具体该怎么操作

    本人wordpress版本:wordpress-3.7.1。 wordpress后台: 外观==》菜单   左侧我们可以看到:页面、...php wp_nav_menu(); ?&gt;即可; 显示样式为: 复制代码代码如下: &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;

    WordPress开发中自定义菜单的相关PHP函数使用简介

    wp_nav_menu () 自定义菜单显示函数 register_nav_menu () 自定义菜单注册函数 – 单数 register_nav_menus () 自定义菜单注册函数 – 复数 (很蛋疼的一个复数形式) 以下举例均用 register_nav_menus () 这个复数...

    menu-cache:使用Transients API轻松缓存呈现的菜单

    wp_nav_menu()函数调用_wp_menu_item_classes_by_context() ,根据上下文,该函数再次调用wp_get_object_terms() ,该缓存多次未被缓存。 有许多分类法,术语和菜单项,这可能导致相当数量的(完全冗余的)数据库...

    简洁干净的WordPress主题Adorable v1.0

    WordPress 3.3,WordPress 3.2主题具有响应布局(也可以停用)多个组合(创建多达你想要的)带或不带过滤器为每个项目的开放式:弹出或描述页3个自定义组合类型(图片,幻灯片,视频)在这一刻不支持wp_nav_menu,...

    登山者:导航菜单的WordPress Walker的替代品

    :person_climbing: 登山者 当您可以爬时为什么要? WordPress内置Nav_Walker的替代产品, :person_climbing:... new Spotter \ WordPress ( wp_get_nav_menu_items ( $ menuID )) ) ); // &lt;nav class="simpleMenu

    foundation-base:Thematic 2.0 框架的子主题,基于 Zurb Foundation 5.5

    Foundation Base 到 /wp-content/themes 激活 Foundation Base 子主题享受,有态度特征: 使用带有主题 ID 的语义混合一切都在 SASS 中完成javascripts 很好地加入并缩小了@codekit-append 支持 wp_nav_menu 和 wp_...

    WordPress中注册菜单与调用菜单的方法详解

    主要介绍了WordPress中注册菜单与调用菜单的方法详解,分别依靠register_nav_menus()函数与wp_nav_menu()函数的使用,需要的朋友可以参考下

    flauntwpwalker

    FlauntWPWalker 一个自定义...php wp_nav_menu( array( 'theme_location' =&gt; 'main-menu','container' =&gt; false,'menu_class' =&gt; 'nav-list','echo' =&gt; true,'fallback_cb' =&gt; 'wp_page_menu','items_wrap' =&gt; '&lt;ul

    WP-Bootstrap4-MegaMenu-Navwalker:Navwalker使用Bootstrap 4.0导航类隐含基于小部件的Mega Menu

    一个自定义的WordPress nav walker类,可使用内置的WordPress菜单管理器以自定义主题中的Mega Menu项目完全实现Bootstrap 4.0+导航样式。 &lt;-菜单屏幕截图 &lt;-小部件屏幕的屏幕截图 &lt;-菜单屏幕的屏幕截图...

    csst-nav:CSS技巧的演示小部件文章

    CSST Nav简码 通过自定义walker类输出自定义菜单的简码。...在任何帖子中都使用短代码[csst_nav which_menu ='5'],其中5是自定义菜单的ID,名称或子菜单项。 屏幕截图 变更日志 1.0 初始发行。

    WordPress中制作导航菜单的PHP核心方法讲解

    主要介绍了WordPress中制作导航菜单的PHP核心方法,即wp_get_nav_menu的相关参数的作用和用法,需要的朋友可以参考下

    blackboard-theme

    黑板主题 这是一个简单的裸主题,它具有最少的 HTML 和我所需要的尽可能多的 WordPress 本机功能。 这个项目专注于开发人员,因为它根本...为 wp_nav_menu 功能添加了 WordPress 类。 为响应式视频和响应式地图添加了

    postcss-wp:从CSS文件生成WordPress PHP文件

    PostCSS WP 是一个插件,可让您从CSS文件生成WordPress PHP文件。 该插件处于非常试验状态。 源CSS: @php { /* * * Template Name: Search Results (hard-coded) * * @package JDRF 2015 * @since 0.1.0 *...

Global site tag (gtag.js) - Google Analytics