漫漫网赚路
山水再相逢

成功添加 zblog二级导航(下拉导航)菜单!

   2018.08.26更新:本文方法仅适用于本博客模板,其他主题请做适当修改!

      导航栏的分类不够精准,早就想把二级导航给做出来了,这次下定决心来做了。于是在网上搜索相关信息,搜出来好多博客的教程,一个一个地测试代码。终于依靠一篇排名较后的文章,把导航栏的下拉菜单给弄出来。虽然还有些许瑕疵,比如菜单的背景色不太适配,在手机端仍然没有二级导航等等,不过总算开了好头。

       言归正传,现在介绍一下我是怎么添加二级菜单的。

1.打开zblog后台-分类管理

2.新建分类

3.进行分类编辑,填写二级导航名称和所属的父分类(即一级导航)。截图上显示已经有了clixsense和rewardingways两个二级导航,其实是我之前添加好了。在未进行分类编辑前,国外网赚这个父分类下是没有子分类的。加入导航栏菜单为 Off,如果选择On,二级导航的名称默认会出现在一级导航菜单上。完成后提交。

4.下一步,回到后台主页面,打开模块管理,接着打开导航栏,进入模块编辑页面。

5.红色方框内的代码,是我们需要修改的。修改完成后,禁止系统更新模块内容,选择On。

6.下面是我根据自己博客修改代码的情况。添加了clixsense和rewardingways两个二级导航。修改代码后,提交,OK!

修改前:

 <li id=”nvabar-item-index”><a href=”http://www.cailukuan.com/”>首页</a></li>

<li id=”navbar-category-1″><a href=”http://www.cailukuan.com/category-1.html”>iphone网赚</a></li>

<li id=”navbar-category-6″><a href=”http://www.cailukuan.com/category-6.html”>建站心得</a></li>

<li id=”navbar-category-7″><a href=”http://www.cailukuan.com/category-7.html”>站长分享</a></li>

<li id=”navbar-category-8″><a href=”http://www.cailukuan.com/category-8.html”>国外网赚</a></li>


修改后:

<li id=”nvabar-item-index”><a href=”http://www.cailukuan.com/”>首页</a></li>

<li id=”navbar-category-1″><a href=”http://www.cailukuan.com/category-1.html”>iphone网赚</a></li>

<li id=”navbar-category-6″><a href=”http://www.cailukuan.com/category-6.html”>建站心得</a></li>

<li id=”navbar-category-7″><a href=”http://www.cailukuan.com/category-7.html”>站长分享</a></li>

<li class=”navbar-category-8″><a href=”http://www.cailukuan.com/category-8.html”>国外网赚</a>   

 <ul class=”sub-menu”>           

   <li><a href=”http://www.cailukuan.com/category-10.html”>clixsense</a></li>

   <li><a href=”http://www.cailukuan.com/category-11.html”>rewarding ways</a></li>

 </ul>

</li>

7.另外,网上还有个名字叫KandyLinks的插件,装了之后不需要代码便可实现类似的二级菜单功能,不过我并没有试用,大家试试看。

8.关于主题模板,我说一下,我买的是天兴工作室的zblog php的付费版本。买他们的模板,还有个小优点就是做推广会有奖励,虽然只有5%,但也算是一种激励。最近一直在往affliate上发展,所以只要看到affliate link ,都忍不住挂上来。☛ 天性工作室主题模板

赞(0) 打赏
未经允许不得转载:财路相逢Blog » 成功添加 zblog二级导航(下拉导航)菜单!

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏