网站导航在网站制作中常用地的功能,没有网站几乎都至少有一个导航。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>