又一次艰难的探索1,折腾wordpress导航-了解一下wp_nav_menu等标签

2013-09-17 4,565 0

既然决定了以后的企业站都用wordpress来做内核,那么首先需要解决的问题就是导航部分了.

之前做过的所有wp内核站点,哥都是用了纯手写写死导航在header里面的办法,这样的弱点很明显,无法使用当前页面导航高亮了...
即便是使用wordpress流弊的判断标签写出了当前高亮,但是在文章页就屁都没有一个.当然还有更笨的办法,给每个栏目及内容模板写死带有高亮css选择器的代码(卧槽,这种纯傻逼的办法哥是不会去尝试的,太蛋疼了...)

蛋疼之旅即将开始,首先先学习一下wordpress的菜单函数 wp_nav_menu()

想要在模板内使用菜单的话,就不得不了解一下导航菜单注册函数 register_nav_menus()
register_nav_menus() 是3.0以后用来注册自定义菜单的函数,通过它可以很方便地给你的主题注册一个或多个菜单,在主题的 functions.php 中添加:

register_nav_menus( array(
	'header_menu' => 'My Custom Header Menu',//这里可以是顶部菜单
	'footer_menu' => 'My Custom Footer Menu'//这里可以是底部菜单
) );
//当然还可以写成其他任何比如 top_menu 诸如此类随你喜欢

上面的代码注册了两个代码,其中 'header_menu' 和 'footer_menu' 分别是这两个菜单的“键key”,而后面的 'My Custom Header Menu' 和 'My Custom Footer Menu' 是对这个菜单的描述,会在 外观 - 菜单 中显示出来。
另外如果你确定主题内需要注册1个菜单,那可以使用这个函数: register_nav_menu()

接下来就了解一下导航菜单调用函数 wp_nav_menu()
wp_nav_menu() 是WordPress 3.0 以后添加的一个自定义导航菜单调用函数,可用来调用 register_nav_menus() 注册的菜单。wp_nav_menu()的使用方法位于wp-includes/nav-menu-templates.php文件中。
可以通过 来调用菜单,其中参数 $args 的默认值如下:

<?php

$defaults = array(
	'theme_location'  => '',
	'menu'            => '',
	'container'       => 'div',
	'container_class' => '',
	'container_id'    => '',
	'menu_class'      => 'menu',
	'menu_id'         => '',
	'echo'            => true,
	'fallback_cb'     => 'wp_page_menu',
	'before'          => '',
	'after'           => '',
	'link_before'     => '',
	'link_after'      => '',
	'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
	'depth'           => 0,
	'walker'          => ''
);

wp_nav_menu( $defaults );

?>

看起来真复杂我擦...
不过没关系 需要用到的也不多.
每个参数的详细介绍如下:

$theme_locaton:(字符串)(可选)
默认值: None

用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示第一个。

1
wp_nav_menu(array( 'theme_location'   =>'primary')); //调用第一个菜单
$menu:(字符串)(可选)
默认值: None

使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。

$container:(字符串)(可选)
默认值: div

ul 父节点(这里指导航菜单的容器)的标签类型,只支持div 和 nav 标签, 如果是其它值, ul 父节点的标签将不会被显示。也可以用false(container => false)去掉ul父节点标签。

$container_class:(字符串)(可选)
默认值: menu-{menu slug}-container

ul 父节点的 class 属性值。

$container_id:(字符串)(可选)
默认值: None

ul 父节点的 id 属性值。

$menu_class:(字符串)(可选)
默认值: menu

ul 节点的 class 属性值。

$menu_id:(字符串)(可选)
默认值: menu slug, 自增长的

ul 节点的 id 属性值。

$echo:(布尔型)(可选)
默认值: true (直接显示)

确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false。

$fallback_cb:(字符串)(可选)
默认值: wp_page_menu (显示页面列表作为菜单)

用于没有在后台设置导航时调的回调函数。

$before:(字符串)(可选)
默认值: None

显示在每个菜单链接前的文本。

$after:(字符串)(可选)
默认值: None

显示在每个菜单链接后的文本。

$link_before:(字符串)(可选)
默认值: None

显示在每个菜单链接文本前的文本。

$link_after:(字符串)(可选)
默认值: None

显示在每个菜单链接文本后的文本。

$items_wrap:(字符串)(可选)
默认值: None

使用字符串替换修改ul的class。

$depth:(整型)(可选)
默认值: 0

显示菜单的深度, 当数值为 0 时显示所有深度的菜单。

$walker:(对象型)(可选)
默认值:  new Walker_Nav_Menu

至此,我们就了解了这个十分流弊的导航函数了,具体还是需要实际在模板里面写一写,运行一下看看效果的
后面开始正题,折腾一下wp_nav_menu这个性感的函数

0211125St

 

继续折腾导航: http://yjyj.net/learn/wordpress-learn/4447.html
 
感谢及参考:http://www.wpdaxue.com/register_nav_menus-and-wp_nav_menu.html

相关文章

MySQL 设置优化记录
来自 WPJAM 的修改,给图片文件名增加时间戳
wordpress 博客使用 CloudFlare 的页面规则缓存设置教程
Better Search Replace – 简单强大易用的数据库替换工具
WordPress获取文章所有图片和图片数量
删除 WooCommerce 产品页中的简介 – Remove Woocommerce Product Short Description

发布评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据