首页 其它相关常见问题正文

Z-Blog主题如何设置下拉二级导航

设置导航基本分为两种

1、主题用自定义字段来设置导航,就是在主题配置里设置导航,直接放置固定格式的导航代码。

2、调用Z-Blog自带的导航字段,又分为直接调用分类列表和自行设置导航代码。

以本站主题为例,下面做详细的说明。

本站展示的MIP主题设置方式为第一种,自定义字段设置。步骤为以下:

1、进入主题配置

image.png

往下有个导航设置,如下图。

image.png

具体格式如下:

<li><a href="http://www.maijialuntan.com/qksummer/">首页</a></li>

<li><a href="http://www.maijialuntan.com/qksummer/category-2.html">文章列表</a></li>

<li class="li-subcate">

   <a href="http://www.maijialuntan.com/qksummer/category-3.html">多图列表</a>

     <ul class="ul-subcates">

      <li><a href="http://链接地址">菜单一</a></li>

      <li><a href="http://链接地址">菜单二</a></li>

      <li><a href="http://链接地址">菜单三</a></li>

      <li><a href="http://链接地址">菜单四</a></li>

      <li><a href="http://链接地址">菜单五</a></li>

     </ul>

</li>

<li class="li-subcate">

    <a href="http://www.maijialuntan.com/qksummer/category-4.html">视频列表</a>

     <ul class="ul-subcates">

      <li><a href="http://链接地址">菜单一</a></li>

      <li><a href="http://链接地址">菜单二</a></li>

      <li><a href="http://链接地址">菜单三</a></li>

      <li><a href="http://链接地址">菜单四</a></li>

      <li><a href="http://链接地址">菜单五</a></li>

     </ul>

</li>

<li><a href="#">主题定制</a></li>

<li><a href="#">主题修改</a></li>


如果出现错位,请对比下代码格式。


本站展示的其它主题导航设置为以下步骤(调用的是系统字段)

image.png

image.png


这里最初是系统根据你的分类生成的导航代码,不支持二级导航。

如果用自己的代码代替了系统的代码,则下面的开关建议打开,如果关闭,会被系统自动生成的导航代码给替换掉。

导航代码格式如下(支持二级下拉)

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

<li id="navbar-category-6"><a href="http://jiuwanwl.com/category-6.html">主题插件</a>

     <ul>

       <li><a href="http://jiuwanwl.com/category-5.html">Z-Blog主题</a></li>

       <li><a href="http://jiuwanwl.com/category-7.html">Z-blog插件</a></li>

    </ul>

</li>

<li id="navbar-category-8"><a href="http://jiuwanwl.com/category-8.html">建站教程</a>

    <ul>

       <li><a href="http://jiuwanwl.com/category-4.html">Z-Blog教程</a></li>

       <li><a href="http://jiuwanwl.com/category-9.html">服务器相关</a></li>

       <li><a href="http://jiuwanwl.com/category-10.html">前端设计</a></li>

       <li><a href="http://jiuwanwl.com/category-11.html">网站运营</a></li>

    </ul>

</li>

<li id="navbar-category-3"><a href="http://jiuwanwl.com/category-3.html">建站资讯</a></li>

<li id="navbar-category-88"><a href="http://jiuwanwl.com/60.html">服务项目</a>

    <ul>

       <li><a href="http://jiuwanwl.com/60.html">合作流程</a></li>

       <li><a href="http://jiuwanwl.com/60.html">服务项目</a></li>

       <li><a href="http://jiuwanwl.com/60.html">服务报价</a></li>

       <li><a href="http://jiuwanwl.com/60.html">售后服务</a></li>

     </ul>

</li>

<li id="navbar-category-12"><a href="http://jiuwanwl.com/category-12.html">其它相关</a>

     <ul>

        <li><a href="http://jiuwanwl.com/category-13.html">优惠活动</a></li>

     </ul>

</li>



如果出现错位,请对比下代码格式。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论