wordpress制造自定义菜单的办法

要想完成自定义菜单,需求用到的函数是wp_nav_menu(),给这个函数传递一些参数就能够输入自定义菜单菜单,上面简略讲讲如何应用应用这个函数。
首先,在主标题录下的functions.php的 <?php ….. ?> 之间,增加以下菜单注册代码,这样你就能够在主题文件中应用wp_nav_menu函数了:

// This theme uses wp_nav_menu() in one location.
register_nav_menus();

接着咱们在主题的导航栏处调用wp_nav_menu(),即可输入导航菜单HTML代码:

<?php
// 列出顶部导航菜单,菜单称号为mymenu,只列出一级菜单
wp_nav_menu( array( 'menu' => 'mymenu', 'depth' => 1) );
?>
以上代码输入的HTML代码方式如下:
<p class="menu-menu-container">
<ul class="menu" id="menu-menu">
<li class="..." id="menu-item-1"><a href="...">首页</a></li>
<li class="..." id="menu-item-2"><a href="...">分类A</a></li>
...
</ul>
</p>

这里列出的 li 项为你在后盾 – 外观 – 菜单增加的栏目,假如你还没有在后盾增加菜单,导航栏将列出一切页面。另外,wp_nav_menu会为每个 li 增加class,不同的class标志这个菜单项的属性,如以后关上的是某个文章页面,分类A 就是这篇文章所属的分类,那么 分类A 所在的 li 将会如下代码所示:

<li class="menu-item menu-item-type-taxonomy current-post-ancestor current-menu-parent current-post-parent menu-item-5" id="menu-item-2"><a href="...">分类A</a></li>

     假如是在首页,那么首页的菜单项的 li 可能会如下所示:

<li class="menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-4" id="menu-item-1"><a href="..">首页</a></li>
从这些class的称号就晓得它们的作用,经过给这些class增加css属性,能够达到如高亮以后导航菜单的目的,如将以后菜单链接定义成白色:
.current-post-ancestor a, .current-menu-parent a, .current-menu-item a, .current_page_item a {
color: red;
}

     好了,WordPress 3.0的自定义菜单的调用就是这么简略。wp_nav_menu还有很多参数,如自定义 ul 节点、ul 父节点的id和class的参数等等,概况能够参考文档:民间文档 | 中文文档
应用分类和页面作为导航栏
     在 WordPress 3.0 之前,大局部WordPress主题都是拿页面作为导航栏的,导航中只能增加页面,显得不够自在。我刚用WordPress 2.7的时分,就为此成绩懊恼,最初翻了文档,查了一些材料,完成了在导航中增加分类,概况请看我之前写的文章:WordPress 分类做导航栏,并高亮显示
十分规导航栏的制造
     以上提到的两种形式,都是应用WordPress自带的函数来完成,他们输出的HTML代码也都是限定好的,就是应用 ul li 的方式来构建菜单列表:如:

<ul>
<li class="..">...</li>
<li class="..">...</li>
</ul>

假如主题的前端代码不是你写的,而且导航栏的代码写得很龟毛,这基本不是下面的WordPress规范的 ul 导航栏方式,如上面的代码:

<dl>
<dt><strong>题目</strong></dt>
<dd><a target="_blank" title="#" href="#">菜单A</a></dd>
<dd><a target="_blank" title="#" href="#">菜单B</a></dd>
</dl>

以上就是安达网络工作室关于《wordpress制作自定义菜单的方法》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: wordpress WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
菜鸟应用wordpress建站的几点心得

要害字形容:心得 建站 应用 菜鸟 能够 这个 边栏 主题 文章 一个   这一周都在学用wordpress来做独立博...

WordPress增加并整合Google自定义搜寻完成步骤及代码

给博客增加一个Google自定义搜寻是非常必要的,用户搜寻时高亮显示了要害词,晋升了搜寻的精确度,应用Goog...

解说WordPress中用于获取评论模板和搜寻表单的PHP函数

comments_template()(获取评论模板) comments_template() 函数用来获取评论模板,普通只能用在文章或许页...

WordPress中的__()和_e()函数的作用引见

在WordPress 中,__()函数和__e()函数被用来辨认php文件中被标示的、需求被翻译成其它言语或本地化的字符串...

wordpress与人人网文章同步操作教程

很多冤家都在应用Wordpress写集体博客,然而又想把写的博客文章同步到其余的社交网站上,比方人人网,那怎样...

WordPress 3.0+菜单性能支持二级和N级菜单完成步骤

自带的导航菜单性能是 WordPress 3.0+ 中惟一执得让人眼睛一亮的性能了,在新做主题的进程中再一次让我眼睛...

需求提交

客服服务

亿鸽在线客服系统