天兴工作室

zblog的导航栏管理设置一直是个大槽点。很多初次使用zblog的用户经常会迷失在这里，产生了无数的问题...

天兴工作室尝试一次性的把导航栏这个问题给说明白了，希望能成功。

首先：zblog安装成功后，默认的导航栏只有一个“首页”和一个“留言板”。如果你想把一个分类添加到导航栏里面，那么步骤是这样的：打开后台--分类管理--新建分类--加入导航栏菜单开关打开即可，如下图：

如果你想把一个“关于我们”之类的单页添加到导航栏里面，步骤是这样的：打开后台--页面管理--新建页面-加入导航栏菜单开关打开即可，如下图：

操作了以上这些之后，打开前台页面即可发现分类和页面都在导航栏里面了。但是，顺序不对啊！！！为什么留言本在分类的前面呢？

......这也是槽点，接着往下看。

打开后台--模块管理--找到导航栏点击编辑按钮打开，如下图：

打开后是这个样子的：

如果你根本不知道html是啥，对着上图红框里面的东西估计也是“卧槽这是什么鬼”。

很多新手到这里已经抑制不住自己的吐槽之心了，尽管吐槽吧！

吐槽完了还是得给解决办法不是。。。好在zblog大神“沉冰浮水”出了一款“链接管理中心”插件，此插件用推拽和添加删除等更直观的方式来管理导航栏。

插件详细介绍和下载地址：https://app.zblogcn.com/?id=1873。

关于zblog下拉导航天兴工作室已经写了好几篇文章来介绍过：

zblog如何做下拉导航？zblogphp下拉导航菜单制作方法；

zblog模板实现下拉导航功能所需的代码示范；

天兴工作室制作的zblog模板一般都是自带有下拉导航功能的，但是zblog的导航栏由于历史原因一直是个很大的槽点，下拉导航这么个功能还是需要自己写代码来实现，对于初次接触网站的朋友相当的不友好。

本文来为大家介绍一个更简单不容易出错的方法：

1、打开你网站的后台，点击左侧导航栏的模块管理；

2、模块管理里面找到“网站分类”点击编辑，来到如下图页面，看红框部分，默认是“普通型”，我们要把它改成“ UL嵌套型“，然后点击保存提交。

3、再次在模块管理里面找到“网站分类”点击编辑，现在就可以复制上图中绿色框里面的代码了；

4、复制完代码回到模块管理里面找到“导航栏”点击编辑，将导航栏代码框里面的代码除首页之外全部删除，再把刚才复制的代码粘贴到里面，点击保存提交。

5、后台首页点击“ [清空缓存并重新编译模板]”，大功告成。

补充说明：

你的网站栏目里面必须设置了一级分类和二级分类，否则以上方法无效。

天兴工作室之前有写过一篇“zblogphp导航当前页突出显示的方法”，这个方法出来只对列表页和首页有效，内容页无效。

前段时间无意中翻到一个主题的实现这个功能的代码（实在不记得是哪个主题了抱歉），学了一段时间js的我表示突然看懂了...所以就借花献佛把方法发出来，希望能帮助到有需要的朋友。

此方法非常的万能，几乎支持所有的页面（首页、列表页、内容页、单页等），适用性非常好。好了，先上代码再来讲。

js部分：

<script>
$(function(){
    var surl = location.href;
	var surl2 = $(".place a:eq(1)").attr("href");
	$("#nav ul li a").each(function() {
		if ($(this).attr("href")==surl || $(this).attr("href")==surl2) $(this).parent().addClass("on")
	});
});
</script>

来尝试解释下上面的代码：

首先你的导航栏必须有个id属性为“nav”，然后你网站还得有个面包屑导航class属性为“place”（zblogphp面包屑导航的集合写法）。

js部分这样理解，遍历面包屑的第二个<a>的url，再查找导航栏里面看有哪个<a>的url和刚才那个面包屑里面的url是一样的，如果一样则可以得出这个为需要高亮的部分，接着给导航栏的需要高亮的<li>里面加一个“on”的class。js部分就完成了。

再加上一个高亮的css：

#nav ul li.on a{color:red;}

上面的css只是给高亮的加了一个字体为红色的效果，具体效果请根据自己网站自行调整。

啰啰嗦嗦说了这么多，如果你不懂js不懂html那么肯定还是云山雾了的...那么欢迎联系我们付费代劳（逃

经常有刚接触到zblog的朋友会被zblog的导航栏给弄昏，这是正常的，因为我也觉得zblog的导航栏不太符合逻辑。

首先，zblog的导航栏是单向操作的，怎么说呢？就是说你可以直接在新建分类里面勾选添加到导航栏，但是当你删除这个分类的时候导航栏里面的这个分类并不会被一并删除，你还得去后台--模块管理里面手动代码删除一次，遇到不熟悉的就直接蒙了....

so...

zblog导航栏的精髓就在后台--模块管理--导航栏里面，前台调用的就是这个模块里面的内容，想要控制导航栏也推荐直接在这里修改。

延伸出去再说下，zblog的导航栏和zblog的分类管理又是两个不同的东西，区别在于：导航栏里面的东西可以自定义修改，可以添加单页面或者外部链接什么的；zblog的分类管理只调用网站分类而且并不能进行手工修改。

说这个是什么意思呢？如果要做个导航栏的下拉导航功能，直接调用网站分类是可行的，但是自定义功能几乎没有，想添加个单页面什么的在导航栏里面去直接煞笔了；如果调用导航栏呢？还得去修改导航栏里面的代码以符合下拉导航的代码需求，遇到不懂代码的小白也是够呛了。

吐槽下zblog的导航栏，然后就这样了，吐槽多了猪也许会修改下呢，这谁说的清楚。

很多初次使用zblog的朋友兴冲冲的安装完zblog程序后，就开始准备写博文了，博文需要分类，分完类后发现前台zblog导航栏的分类没有什么变化，或者是不知道导航栏的分类改如何修改。本文就为大家详细讲解下。

zblog现在分为zblogasp和zblogphp两个版本，我们分别讲解。

zblogasp版本导航栏分类修改方法：

分两种情况，视不同主题而定，有的主题在导航栏部分调用的导航栏，有的主题调用则是网站分类。

1、如果你发现后台分类管理新建了很多分类而且都勾选了“加入导航栏菜”，但是前台就是不显示，那么你使用的主题肯定调用的是网站分类，这种情况很多朋友都误以为是程序出了问题而到处去求解，其实很简单，只要在分类下发布一篇文章，这个分类就马上会在前台的导航栏上显示出来了。

2、第二种就是调用的导航栏，这个修改和添加都很方便，后台分类管理添加分类的时候勾选“加入导航栏菜单”就可以让这个分类在导航栏上显示了，修改导航栏打开后台--侧栏管理，找到导航栏点击编辑按钮，即可任意的修改（删除或者增加）导航分类了。

zblogphp版导航栏分类的修改方法：跟zblogasp版的方法一样，但是需要特别说明的是：zblogphp在后台的模块管理找到导航栏，在修改的时候要特别注意，里面的代码是这样的：

<li id="nvabar-item-index"><a href="http://demo.txcstx.cn/">首页</a></li>
<li id="navbar-category-6"><a href="http://demo.txcstx.cn/muban/">模板中心</a></li>
<li id="navbar-category-7"><a href="http://demo.txcstx.cn/anli/">案例展示</a></li>

增加或者删除都没有什么问题，但是当你修改的时候你会发现修改完提交后会自动还原，跟没修改是一样的，这是怎么回事呢？原来是zblogphp版的一个限制，这里是直接调用的分类管理里面的分类，你直接修改系统还是会自动还原掉，所以我们要修改导航栏里面的内容切记要把<li id="">这里面的id=""这一段全部删除掉之后方可自由修改。