Loading
0

浅谈Z-BLOG添加“面包屑导航”的方法

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

可能有朋友会问什么是面包屑导航,那么俺先给大伙讲个故事:

很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等太阳一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当太阳升起来时,他们在地上却怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。

故事比较杯具哈,但是我们大概知道面包屑导航是干嘛的了,也就是能找到上一级目录,回到初始位置。那么面包屑导航在网站上的呈现方式如图所示:

如图所示,很多CMS或者大型站点论坛上面都有这样的面包屑导航,那么面包屑导航有什么作用呢?

1、让用户了解目前所处位置,以及当前页面在整个网站中的位置。

2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。

3、提供返回各个层级的快速入口,方便用户操作。

4、Google、百度已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以优化SEO。

Z-BLOG默认是不带面包屑导航的,今天李学朋就教大家怎样设置面包屑导航:

如上图所示我的面包屑导航分布在内容页面和栏目页面。具体怎样修改模板请看这篇文章:通用模板的修改方法

俺今天说说Z-BLOG内容页设置导航的方法:

第一步:登陆Z-BLOG后台或者FTP下载文件b_article-single.html

第二步:用记事本打开该文件:

一般情况下如图红线框住的部分是没有的·,那么你只需在这里放上以下代码既可

<!--自定义添加面包屑导航开始-->

本文位置: <a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_TITLE#></a>><a href="<#article/category/url#>"> <#article/category/name#></a><a href="<#article/url#>"><#BlogTitle#></a>

<!--自定义添加面包屑导航结束-->

代码解释:

<!--自定义添加面包屑导航开始--> 表示注释,写上这个以后便于维护管理。

<#ZC_BLOG_HOST#>自动获取网站首页的地址

<#ZC_BLOG_TITLE#> 自动获取网站首页标题

<#article/category/url#> 自动获取当前文章页所在栏目的地址

<#article/category/name#> 自动获取当前文章页所在栏目的栏目名

<#article/url#> 自动获取当前文章页的地址

<#BlogTitle#> 自动获取当前文章页的标题

Z-BLOG导航的设置就说到这里,有什么疑问的可以QQ和我交流。

原创文章请注明转载自,李学朋博客,本文地址:http://www.xp178.net/post/312.html

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-10335-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:浅谈网站标题更改后恢复权重方法
下一篇:为什么谷歌不使用我自己的网页描述