themeolnews主题ZBlog二级下拉导航菜单的配置教程以及代码

ZBLOG模板二级导航的配置其实都是差不多的，这里之所以新开一帖来说明，因为要把之前有个关键没跟大家说，现在我在这里再从新说一下这个二级导航的配置具体流程。

1，大家都知道，安装ZBLOG后，会自动安装一个插件，叫“链接模块管理”，这个插件使用起来很方便，但也把一些东西固定死了，于是有了一些操作上的限制，所以请关闭它！

2，然后点击“模块管理”，进入后，再点击“导航栏”，这时大家就可以对导航菜单进行设置了，如下图：

大家可以看到，在图中，我把“禁止系统更新模块内容”这个开关打开了，所以如果大家要设置导航下拉菜单的话，请和截图中保持一致，这个开关请务必是开启状态！

3，开启后，大家就可以直接在“正文”输入框里进行导航代码的输入了，二级导航的代码是这样的：

li id="navbar-category-1">
    a href="http://themeolnews.themeol.com/category-1.html">
    i class="fa fa-angle-down">
    /i>
        ul>
            li id="navbar-category-2">
    a href="http://themeolnews.themeol.com/category-2.html">
    产品运营/a>
    /li>
            li id="navbar-category-3">
    a href="http://themeolnews.themeol.com/category-3.html">
    引流推广/a>
    /li>
            li id="navbar-category-4">
    a href="http://themeolnews.themeol.com/category-4.html">
    电商干货/a>
    /li>
            li id="navbar-category-5">
    a href="http://themeolnews.themeol.com/category-5.html">
    企业服务/a>
    /li>
            li id="navbar-category-6">
    a href="http://themeolnews.themeol.com/category-6.html">
    创业项目/a>
    /li>
        /ul>
    /li>
    

最后，我把这段二级菜单的代码给大家拆分说明一下。

i class="fa fa-angle-down"> /i> ：这是font awesome图标，向下的箭头。

navbar-category-数字 ：“navbar-category-”后面的数字就是对应分类的ID值，例如我的“创业资讯”这个分类的ID是1那么它用的就是“navbar-category-1”

写到这里想必大家都理解了这个二级下拉导航菜单的格式了，大家要设置themeolnews下拉导航菜单的时候，只需要把上面的代码复制到对应的位置，再把“数字”和url改成你对应的值就可以了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！