得知互动

标题: 李学朋:Z-BLOG添加面包屑导航的方法 [打印本页]

作者: gevaemaidovef 时间: 2015-3-25 11:47
标题: 李学朋:Z-BLOG添加面包屑导航的方法
　　可能有朋友会问什么是面包屑导航,那么俺先给大伙讲个故事：
　　很久很久以前，在大森林的边上住着一个贫穷的樵夫，他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”但是当太阳升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
　　故事比较杯具哈，但是我们大概知道面包屑导航是干嘛的了，也就是能找到上一级目录，回到初始位置。那么面包屑导航在网站上的呈现方式如图所示：
　　

　　如图所示，很多CMS或者大型站点论坛上面都有这样的面包屑导航，那么面包屑导航有什么作用呢?
　　1、让用户了解目前所处位置，以及当前页面在整个网站中的位置。
　　2、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。
　　3、提供返回各个层级的快速入口，方便用户操作。
　　4、Google、百度已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以优化SEO。
　　Z-BLOG默认是不带面包屑导航的，今天李学朋就教大家怎样设置面包屑导航：
　　如上图所示我的面包屑导航分布在内容页面和栏目页面。具体怎样修改模板请看这篇文章：通用模板的修改方法
　　俺今天说说Z-BLOG内容页设置导航的方法：
　　第一步：登陆Z-BLOG后台或者FTP下载文件b_article-single.html
　　

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

　　一般情况下如图红线框住的部分是没有的·，那么你只需在这里放上以下代码既可
　　
　　本文位置： "><#ZC_BLOG_TITLE#> 》"> <#article/category/name#> 》"> <#BlogTitle#>
　　
　　代码解释：
　　表示注释，写上这个以后便于维护管理。
　　<#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

作者: mwxny 时间: 2015-12-10 11:39
我去看看网络上的事我不是很会哎

作者: wwzcdenleclv 时间: 2015-12-10 11:39
(⊙o⊙)…好长啊，我虽然回复不了那么多字，但十五字还是有的。

作者: wwzcdenleclv 时间: 2015-12-10 11:40
原来...发神经是这样的啊...

作者: buingeEvineus 时间: 2015-12-10 11:40
这话从何说起那~~~

作者: Mqokjdvq 时间: 2015-12-10 11:40
哥们，给我做个链接吧

作者: buingeEvineus 时间: 2015-12-12 10:59
这篇帖子构思新颖，题材独具匠心，段落清晰，情节诡异，跌宕起伏，主线分明，引人入胜，平淡中显示出不凡的文学功底，可谓是字字珠玑，句句经典，是我辈应当学习之典范（不好意思回错帖了

作者: Mqokjdvq 时间: 2015-12-12 10:59
女人啊真是那句话~~~无理占三分~~忘记怎么说了呵呵 ~~你帮我想想

作者: Mqokjdvq 时间: 2015-12-12 11:00
正好你开咯这样的帖

作者: effoggikeftor 时间: 2015-12-12 11:00
挨骂也是幸福～～～

作者: wwzcdenleclv 时间: 2015-12-12 11:00
哎怎么说那~~

欢迎光临得知互动 (https://bbs.dezhifl.com/)