WordPress主题制作教程2:导航菜单制作

实现自定义菜单,需要用到的函数是wp_nav_menu();

在主题目录下的functions.php的 <?php ….. ?> 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用wp_nav_menu函数了:

register_nav_menus();

然后菜单:外观下就会出现“菜单”

WordPress主题制作教程2:导航菜单制作

创建菜单:

点击"创建新菜单",选择想要显示的栏目,然后“保存菜单”

WordPress主题制作教程2:导航菜单制作

调用菜单:

加入以下以下语句就可以输出菜单:

<?php wp_nav_menu(); ?>

输出的html为:

<div class="menu-nav-container">
    <ul class="menu" id="menu-nav">
        <li class="..." id="menu-item-1"><a href="...">xx</a></li>
        <li class="..." id="menu-item-2"><a href="...">xxx</a></li>
        ...
    </ul>
</div>

这个方法还提供了很多参数,如:

<?php  wp_nav_menu(array( 'menu' => 'nav', 'depth' => 1,'menu_class'=>'navcontainer')); ?>

获取的菜单名称为nav,只列出一级菜单,样式名为navcontainer

常用参数:

menu 期望显示的菜单
container_id ul父节点id值
container_class ul父节点class值
menu_class ul节点class值
menu_id ul节点id值
before 菜单链接前的文本
after 菜单链接后的文本
link_before 每个菜单链接文本前的文本
link_after 每个菜单链接文本后的文本
depth 菜单深度
container false 时去除div标签
items_wrap 值为 '%3$s' 去ul保持li不变

以下为制作菜单升级版技能:

利用Walker_Nav_Menu自定义菜单结构:

http://devework.com/wp-nav-menu-walker-nav-menu.html

上一篇:Android NDK开发之从Java与C互调中详解JNI使用(一)


下一篇:深入理解CSS中的空白符和换行