香港葡京赌侠诗(中国)有限公司

?
各地市:
郑州网站建设 洛阳网站建设 开封网站建设 安阳网站建设 新乡网站建设 濮阳网站建设 焦作网站建设 鹤壁网站建设 三门峡网站建设 商丘网站建设 许昌网站建设 漯河网站建设 平顶山网站建设 驻马店网站建设 周口网站建设 南阳网站建设 信阳网站建设 济源网站建设 二七区网站建设 中原区网站建设 管城区网站建设 惠济区网站建设 金水区网站建设 上街区网站建设 巩义市网站建设 新密市网站建设 登封市网站建设 荥阳市网站建设 中牟县网站建设 经开区网站建设 高新区网站建设 涧西区网站建设 西工区网站建设 老城区网站建设 瀍河回族区网站建设 洛龙区网站建设 吉利区网站建设 偃师市网站建设 孟津县网站建设 新安县网站建设 洛宁县网站建设 宜阳县网站建设 伊川县网站建设 嵩县网站建设 栾川县网站建设 汝阳县网站建设 杞县网站建设 兰考县网站建设 通许县网站建设 尉氏县网站建设 开封县网站建设 金明区网站建设 顺河回族区网站建设 龙亭区网站建设 鼓楼区网站建设 禹王台区网站建设 安阳县网站建设 林州市网站建设 内黄县网站建设 汤阴县网站建设 滑县网站建设 龙安区网站建设 殷都区网站建设 文峰区网站建设 北关区网站建设 辉县市网站建设 卫辉市网站建设 新乡县网站建设 获嘉县网站建设 原阳县网站建设 延津县网站建设 封丘县网站建设 长垣县网站建设 卫滨区网站建设 红旗区网站建设 牧野区网站建设 凤泉区网站建设 华龙区网站建设 清丰县网站建设 南乐县网站建设 濮阳县网站建设 莘县网站建设 范县网站建设 台前县网站建设
当前位置: 主页 > 建站常识 > 技术支撑 > 博客cms >

Z-Blog入门 之 导航菜单的设置方法

发布时间:2017-05-03 22:10 | 发布者:香港葡京赌侠诗 | 浏览次数:次

我想对于使用zblog的新手来说,如何设置导航菜单可能是一个很棘手的问题吧;经常在群里看见一些用户询问zblog导航栏要怎么设置呢?zblog怎样设置二级菜单?一般大神给出的回答是‘在模块管理中点击导航栏模块,按示例代码编辑’,如果是一个不太懂html代码的同学,按照步骤操作后,看见正文中的代码可能会一口老血喷在屏幕上吧。。。里面的字母是什么意思。。。什么意思。。。

Z-Blog入门 之 导航菜单的设置方法  第1张

开个玩笑:忘记是谁说的了‘zblog的导航栏逼走了多少新手’,‘zblog的新手因为导航栏逼疯了多少开发者’。

ps:如此打脸,官方表打我,请本着娱乐至上的态度看待;

Z-Blog入门 之 导航菜单的设置方法  第2张

好了,不开玩笑了,说正事;

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

在教大家如何手写代码设置导航栏前先推荐一款号称‘小白福音’的插件:KandyLinkS 链接管理简版;

主题ID:   KandyLinkS

版    本:  1.0

作    者:  吉光片羽

插件先容:

这不应该是Z-Blog自带的功能么?大部分用博客的有几个是会写代码的?虽然新版很人性的添加了新建分类和页面自动插入导航栏的功能,可友情链接什么的呢?照着格式改?万一漏了个字母或标签呢?什么,页面乱了?够了么?够了!那就用KandyLink吧:

妈妈再也不用担心我不会如何爱爱(HTML)!

无需HTML编码常识便可轻松管理含二级菜单的链接。 

可自由调整链接顺序,打开方式。 

插件启用后会自动备份原链接模块,停用后还原。 

自带二级菜单交互开合,默认为悬停开合,当父链接为“#”时,启用点击开合。

插件下载地址:应用中心下载

Z-Blog入门 之 导航菜单的设置方法  第3张

手动设置Z-Blog导航栏

如果你是个动手能力强的同学,想要自己设置导航栏,那么大家来详细说下;

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

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

Z-Blog入门 之 导航菜单的设置方法  第4张

Z-Blog入门 之 导航菜单的设置方法  第5张

 

2)快速添加单页至导航模块(例如:留言板)

Z-Blog入门 之 导航菜单的设置方法  第6张

Z-Blog入门 之 导航菜单的设置方法  第7张

二、导航模块代码详解

Z-Blog入门 之 导航菜单的设置方法  第8张

Z-Blog入门 之 导航菜单的设置方法  第9张

<li id="nvabar-item-index"><a href="http://www.fengyan.cc/">首页</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="http://www.fengyan.cc/website/">建站教程</a></li>  <!--分类示例代码-->
<li id="navbar-category-当前分类ID"><a href="当前分类链接">建站教程</a></li>  <!--分类代码说明-->

单页面导航链接:

<li id="navbar-page-1262"><a href="http://www.fengyan.cc/guestbook">留言本</a></li>  <!--单页面示例代码-->
<li id="navbar-page-当前页面ID"><a href="当前页面链接">留言本</a></li>  <!--单页面代码说明-->

二级导航代码示例:

<li id="navbar-category-17">
    <a href="http://www.fengyan.cc/z-blog/">Z-Blog建站<span class="caret"></span></a>
    <ul>
	<li id="navbar-category-9"><a href="http://www.fengyan.cc/zblog-course/">Z-Blog教程</a></li>
        <li id="navbar-category-9"><a href="http://www.fengyan.cc/plug/">Z-Blog插件</a></li>
        <li id="navbar-category-10"><a href="http://www.fengyan.cc/free-theme/">Z-Blog免费模板</a></li>
        <li id="navbar-category-8"><a href="http://www.fengyan.cc/premium-theme/">Z-Blog收费模板</a></li>
    </ul>
</li>

这里我就贴下烽烟博客的二级导航代码,不做详细的说明了,因为很多的主题没有二级导航,或者设置方式有一定要求,例如ul标签要添加id或者class,具体请以当前主题的说明为准;

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

?
?

香港葡京赌侠诗|香港葡京赌侠诗

XML 地图 | Sitemap 地图