返回列表 发新帖

李学朋:Z-BLOG添加面包屑导航的方法

694.5k 10
gevaemaidovef 发表于 2015-3-25 11:47:30|湖北 | 查看全部 阅读模式
  可能有朋友会问什么是面包屑导航,那么俺先给大伙讲个故事:8 H9 i; [) ]  Y6 ?% e7 w
  很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等太阳一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当太阳升起来时,他们在地上却怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
+ U- P* ^: e3 M- B2 J. m6 L5 ]  u  故事比较杯具哈,但是我们大概知道面包屑导航是干嘛的了,也就是能找到上一级目录,回到初始位置。那么面包屑导航在网站上的呈现方式如图所示:# Y( O" ^4 h1 Z8 }
  
) x) v& K; C4 @7 y; s  I7 n$ g, j

. n) Z1 R1 ^" n* v                               
登录/注册后可看大图

7 n: v/ p4 D' x( H: ]' S! h  
4 m" v8 Q  X  `# }

+ G$ V+ q. ^( J1 p' D- n/ O                               
登录/注册后可看大图

8 r4 r5 a- H7 H$ o- z1 ^+ z  如图所示,很多CMS或者大型站点论坛上面都有这样的面包屑导航,那么面包屑导航有什么作用呢?2 p' O$ J' t5 }5 I1 w
  1、让用户了解目前所处位置,以及当前页面在整个网站中的位置。
9 O% `6 S- j4 B$ C! B  2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
$ t4 X' d! ]" P6 d" O& _% k0 p1 f* q  3、提供返回各个层级的快速入口,方便用户操作。' N" c. ~! U4 X3 O% `: {6 i
  4、Google、百度已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以优化seo。
% H3 G& {' p, C+ L$ s' l  Z-BLOG默认是不带面包屑导航的,今天李学朋就教大家怎样设置面包屑导航:, {' D+ g; d! Y5 r( e! Y
  如上图所示我的面包屑导航分布在内容页面和栏目页面。具体怎样修改模板请看这篇文章:通用模板的修改方法
; l6 A$ o# E/ c6 A  俺今天说说Z-BLOG内容页设置导航的方法:9 |! m  b" G! x8 i6 x, B# D  n1 k
  第一步:登陆Z-BLOG后台或者FTP下载文件b_article-single.html, t! k) J) c# E! c+ n  L
  
4 Q2 b' E  Q% R4 E

0 d  |+ A1 s6 u                               
登录/注册后可看大图

% ]4 x( h1 H6 t5 i7 g  第二步:用记事本打开该文件:
: e: R( u+ G8 L  M: N( n  9 Y, p- P) y5 [1 y8 C- L
7 X; l" u  Y( p2 D1 \$ X$ S
                               
登录/注册后可看大图
. p+ a" g( U: p7 K0 _. R/ o! y% g; p
  一般情况下如图红线框住的部分是没有的·,那么你只需在这里放上以下代码既可
2 a# L( {1 ^6 @  
: N1 a& s$ V9 ~  本文位置: "><#ZC_BLOG_TITLE#> 》"> <#article/category/name#> 》"> <#BlogTitle#>
# n& L1 c9 W9 I" w' G; Q9 w1 m6 R  
( d2 g" Q0 ~* B& J, a  代码解释:
5 U, d' l" T* }9 t3 z/ ^& J   表示注释,写上这个以后便于维护管理。3 i& K3 M+ `! C' p( K3 i
  <#ZC_BLOG_HOST#> 自动获取网站首页的地址0 c# ]! V- T& R6 N0 V  f6 |
  <#ZC_BLOG_TITLE#> 自动获取网站首页标题
$ g5 \9 W1 i; c* {  <#article/category/url#> 自动获取当前文章页所在栏目的地址/ F% t- T) o4 \
  <#article/category/name#> 自动获取当前文章页所在栏目的栏目名
1 \8 _5 |. G! I- u  <#article/url#> 自动获取当前文章页的地址$ t, j4 c8 ~. c5 \
  <#BlogTitle#> 自动获取当前文章页的标题/ e1 p& L: I7 [! A0 |% x$ {9 u
  Z-BLOG导航的设置就说到这里,有什么疑问的可以QQ和我交流。' b% F& L0 I% r& L6 ]7 X
  原创文章请注明转载自,李学朋博客,本文地址:http://www.xp178.net/post/312.html

回复|共 10 个

wwzcdenleclv 发表于 2015-12-10 11:39:54|美国 | 查看全部
(⊙o⊙)…好长啊,我虽然回复不了那么多字,但十五字还是有的。
Mqokjdvq 发表于 2015-12-10 11:40:27|美国 | 查看全部
哥们,给我做个链接吧
buingeEvineus 发表于 2015-12-10 11:40:21|瑞士 | 查看全部
这话从何说起那~~~
mwxny 发表于 2015-12-10 11:39:09|INNA | 查看全部
我去看看 网络上的事 我不是很会 哎
wwzcdenleclv 发表于 2015-12-10 11:40:20|美国 | 查看全部
原来...发神经是这样的啊...
buingeEvineus 发表于 2015-12-12 10:59:47|日本 | 查看全部
这篇帖子构思新颖,题材独具匠心,段落清晰,情节诡异,跌宕起伏,主线分明,引人入胜,平淡中显示出不凡的文学功底,可谓是字字珠玑,句句经典,是我辈应当学习之典范(不好意思回错帖了
Mqokjdvq 发表于 2015-12-12 10:59:58|INNA | 查看全部
女人啊真是那句话~~~无理占三分~~忘记怎么说了 呵呵 ~~你帮我想想
effoggikeftor 发表于 2015-12-12 11:00:53|浙江 | 查看全部
挨骂也是幸福~~~
wwzcdenleclv 发表于 2015-12-12 11:00:55|美国 | 查看全部
哎 怎么说那~~
Mqokjdvq 发表于 2015-12-12 11:00:13|日本 | 查看全部
正好你开咯这样的帖

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表