成都网站建设_SEO优化_织梦模板-【开拓族】

zblog导航栏设置方法

栏目:zblog教程  作者:开拓族  时间:2018-06-07

zblog导航栏修改教程,导航栏详细设置教程,KandyLinkS链接管理简版插件定制导航栏代码,菜单导航栏,顶部导航栏,栏目导航,页面导航栏,侧导航栏,隐藏导航栏功能

KandyLinkS 链接管理简版-小白福音

  今天开拓族在线手把手教大家设置导航栏。

  主题ID: KandyLinkS

  版 本: 1.0

  作 者: 吉光片羽

  插件下载:应用中心下载

  插件说明:无需HTML编码知识,也可以轻松修改二级菜单的链接。可自由调整链接顺序,打开方式。插件启用后会自动备份原链接模块,停用后会还原。自带二级菜单交互开合,默认为悬停开合,当父链接为“#”时,启用点击开合。

zblog导航栏设置方法 第1张

手动设置Z-Blog导航栏

  动手能力强的童鞋,可以参考下面设置导航栏;

一、利用‘加入导航栏菜单’按钮快速添加

  1)快速添加分类至导航模块;

zblog导航栏设置方法 第2张

zblog导航栏设置方法 第3张

  2)快速添加单页至导航模块(例如:留言板)zblog导航栏设置方法 第4张zblog导航栏设置方法 第5张

二、导航模块代码详解

zblog导航栏设置方法 第6张

zblog导航栏设置方法 第7张

<li id="nvabar-item-index"><a href="https://www.kaituozu.com/">首页</a></li>  <!--首页示例代码-->
<li id="nvabar-item-index"><a href="你网站的首页链接">首页(名称,这个不用说了吧)</a></li> <!--首页代码说明-->
<li id="nvabar-item-index"><a href="你网站的首页链接" target="_blank">首页(名称,这个不用说了吧)</a></li> <!--链接在新窗口打开-->
<li id="nvabar-item-index"><a href="你网站的首页链接" target="_blank"><i class="fa fa-home"></i>首页(字体图标添加在文字前边)</a></li> <!--导航栏添加字体图标-->

ps:以上是首页的代码详解:
li标签里的id用处为部分主题用它判断当前页面进行导航高亮;
target="_blank"用来在新窗口打开链接,以下不在叙述;
<i class="fa fa-home"></i>导航添加字体图标,以下不在叙述;
分类导航链接:

<li id="navbar-category-3"><a href="https://www.kaituozu.com/website/">建站教程</a></li>  <!--分类示例代码-->
<li id="navbar-category-当前分类ID"><a href="当前分类链接">建站教程</a></li>  <!--分类代码说明-->

单页面导航链接:

<li id="navbar-page-1262"><a href="https://www.kaituozu.com/guestbook">留言本</a></li>  <!--单页面示例代码-->
<li id="navbar-page-当前页面ID"><a href="当前页面链接">留言本</a></li>  <!--单页面代码说明-->
二级导航代码示例:
<li id="navbar-category-17">
    <a href="https://www.kaituozu.com/z-blog/">Z-Blog建站<span class="caret"></span></a>
    <ul>
    <li id="navbar-category-9"><a href="https://www.kaituozu.com/zblog-course/">Z-Blog教程</a></li>
        <li id="navbar-category-9"><a href="https://www.kaituozu.com/plug/">Z-Blog插件</a></li>
        <li id="navbar-category-10"><a href="https://www.kaituozu.com/free-theme/">Z-Blog免费模板</a></li>
        <li id="navbar-category-8"><a href="https://www.kaituozu.com/premium-theme/">Z-Blog收费模板</a></li>
    </ul>
</li>

  这里就贴个博客的二级导航代码,不做详细说明。因为不同的主题设置方法有一些不同,例如ul标签要添加id或者class,具体请以使用的主题为准;

  最后强调一点:一定要将‘禁止系统更新模块内容: ’按钮点成ON,不然设置的二级菜单代码会被更新掉而不起作用。

上一篇: wordpress换空间

下一篇: 帝国cms 分页样式

  • 热门教程
  • 模板排行
标签云
百度seo关键词
排名优化课程
搜索引擎优化排名
网站排名优化
关键词排名优化
百度seo排名优化
  • 热门模板
  • 最新模板
成都网站建设LOGO