wordpress 导航菜单的使用介绍

作者

网站导航在网站制作中常用地的功能,没有网站几乎都至少有一个导航。wordpress的菜单导航,使用很灵活。并且也很强大。今天抽了点时间,学习一下,记录一笔记。

wordpress菜单的简介

wordpress中菜单就是产生一个列表,一般用于输出,也可以存储在变量中。 这个列表可以是多级的,也是是一级的。常用在导航中,也可以做下拉菜单。

让wordpress支持导航菜单

使用wordpress导航菜单的一个步骤就是要支持 菜单, 在wordress中增加这个支持非常简单。一行代码就可以搞定。

add_theme_support( 'menus' );

增加一个菜单

增加一个菜单的操作可以在后台直接完成。重要的参数就是菜单的名字这里使用menu-1

模板中怎么输出菜单

wp_nav_menu( array(
    'menu' =>'menu-1',
));

查看输出的结果

<div class="menu-menu-1-container"><ul id="menu-menu-1" class="menu"><li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a href="https://www.liuhaolin.com/?page_id=2">示例页面</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-13"><a href="https://www.liuhaolin.com/?p=1">,您好!</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="https://www.liuhaolin.com">my website</a></li>
</ul>
</div>

自定义类,nofollow 的操作 , 二级菜单的操作

回复

您的电子邮箱地址不会被公开。