当你的分类目录比较多的时候,如果能放在导航显示,就会显得拥挤不堪,这个时候,我们就需要把一些分类目录转变成子目录,以下拉菜单的形式显示出来,但是这个需要怎么实现呢?

当你在网络上搜索的时候,势必会看到很多解决的办法,很多办法会告诉你,需要定义你的css样式,从而符合这个下拉效果,然而,很多时候,我们只是想这个下拉菜单能够符合我们的网站模板,很矛盾。不止这些,用这些js文件或是纯css样式,很容易导致我们的主题面目全非,怎么解决这个问题呢?
这里我向大家推荐一款很好用的下拉菜单插件:Multi-level Navigation Plugin;
现在大家跟着我的步伐一步步的来操作,让你也能给自己的主题定义一个漂亮的下拉菜单:
1、第一步,去下载这款插件,百度或是谷歌可以搜到的,还找不到,就用下面的链接进去吧:
下载地址:Multi-level Navigation Plugin
2、下载完成后,就在后台安装启用,此处不再累赘;
3、点击插件设置,这里就是我们要讲到的重点了;
这里的Home、Appearance、 menu contents、Setting四个选项,分别表示插件介绍、外观设置(这里可以直接设置css)、下拉菜单内容和参数设置。
这个插件只启用是不能使用的,还需要你去修改主题文件夹里面的一段代码:
< ?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>
就是用这一句调用代码区替换主题文件夹下header.php里面的分类或是页面调用
这段语句就是用来调用Multi-level Navigation插件在你的网页头部插入一个导航栏层,然后实现下拉菜单样式,由于层与层之间的关系,因些你可以将该语句放到任意一个你实现导航功能的地方,比如侧边栏或者底部也行。

五、menu contents设置。现在进入menu contents设置导航显示的内容了。这里有Main menu contents、Second menu contents、Modifications、Categories settings、Number of recent posts and comments、Custom HTML code等设置项目。

1、Main menu contents是用来设置你的主导航栏的内容的,你可以设置10个Menu Item,然后在Item中你可以选择任何内容作为你的下拉菜单的内容,包括了分类、pages、链接、评论、存档等。另外你还可以自定义,用来生成在wordpress没有页面导航。

2、Second menu设置和Main menu contents一样的,如果你的网站有两个导航栏的话,就可以在这里设置了。

3、Modifications中:

a、Title可以设置显示的标题,如果将“home”你可以改成“免费资源部落主页”等。Title URL’s你可以设置你的导航栏栏目的链接,一般不用修改,保持为空就行了。

b、Pages/categories to exclude用来包含或者去除某些下拉菜单选项。例如不想把免费php空间显示在免费空间的下拉菜单中,就可以在Categories to include or exclude中选择免费php空间,然后选择exclude就可以了。

c、Pages/categories depth用来显示你的下拉层级的。top level only只显示一层,没有下拉菜单。1 level of children显示你的一级子分类,例如免费wordpress教程是免费教程中的一级子分类,选择1 level of children就会显示出来。

2 level of children显示二级子分类。如果在免费wordpress教程中再设一个子分类话,如插件教程,那么当你的鼠标移动到免费wordpress教程时将会出现插件教程分类。

infinite表示显示层级不受限制。

4、Categories settings中Category order显示子分类排列的顺序,你可以以设置为按name、id的升序或者降序来排列。Show empty categories表示显示没有文章或者子分类的分类栏目。

5、Custom HTML code用来自定义你导航栏代码的。如果你Multi-level Navigation Plugin与你的主题不兼容话,你可以在这里自己编写代码直接在你的主题实现导航栏,这个可能需要懂得html知识。

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。