可能有朋友会问什么是面包屑导航,那么俺先给大伙讲个故事:0 V# h7 [- ^( o, K/ ^
很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等太阳一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当太阳升起来时,他们在地上却怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
, p( w& o7 n0 |! O( M( g 故事比较杯具哈,但是我们大概知道面包屑导航是干嘛的了,也就是能找到上一级目录,回到初始位置。那么面包屑导航在网站上的呈现方式如图所示:
9 p: Z1 t2 K1 J1 ?- @6 x 6 [+ C* f/ f9 I; N4 z3 ]
2 Z+ M4 }$ A1 L# w8 S
) [+ K4 B: r C2 J0 s- R " d& a, W2 z6 ]1 u f
如图所示,很多CMS或者大型站点论坛上面都有这样的面包屑导航,那么面包屑导航有什么作用呢?
- I" c2 K7 G0 Z* c 1、让用户了解目前所处位置,以及当前页面在整个网站中的位置。+ s# f: H% h) C5 D* m. y( c
2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
9 ^- t! f6 `$ j% b 3、提供返回各个层级的快速入口,方便用户操作。
9 e/ D2 |: g% D4 s( c 4、Google、百度已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以优化seo。4 X& q, M: g( p
Z-BLOG默认是不带面包屑导航的,今天李学朋就教大家怎样设置面包屑导航:
( D( b) c, H8 c. u+ b 如上图所示我的面包屑导航分布在内容页面和栏目页面。具体怎样修改模板请看这篇文章:通用模板的修改方法
5 a! s( J2 r/ p! d* Z 俺今天说说Z-BLOG内容页设置导航的方法:
3 n- [' ~3 a+ z2 A 第一步:登陆Z-BLOG后台或者FTP下载文件b_article-single.html, A" p7 X$ l& I- a% ~, ]
; f! Z% o/ j& L& {: {7 C 5 D! j* x8 S% s) a9 i
第二步:用记事本打开该文件:( m; s5 e8 b2 Y! V% u# N6 \" e8 H
# `: |- P6 t, i. _$ Q 7 ~! j' C) C( X& N
一般情况下如图红线框住的部分是没有的·,那么你只需在这里放上以下代码既可! V3 `' s. A7 v& O; {$ P- K
- F* I- R! }# J3 E: v, Y 本文位置: "><#ZC_BLOG_TITLE#> 》"> <#article/category/name#> 》"> <#BlogTitle#> . L0 L0 _. ~% P% b+ h8 h
' w* C3 `$ l# q4 K
代码解释:% M- o; x+ Z8 Z, B
表示注释,写上这个以后便于维护管理。% Z9 O4 u' Z9 U8 q6 f) u/ Y% {
<#ZC_BLOG_HOST#> 自动获取网站首页的地址
# @+ o5 L' n8 Q5 P <#ZC_BLOG_TITLE#> 自动获取网站首页标题
+ J2 O6 k! p+ W& E' Q9 y <#article/category/url#> 自动获取当前文章页所在栏目的地址) \* `% B: P: L3 z% n: j
<#article/category/name#> 自动获取当前文章页所在栏目的栏目名
& t# I% l3 v, _% ] <#article/url#> 自动获取当前文章页的地址8 y0 ~. A& x7 ?3 a ~) l- O& n
<#BlogTitle#> 自动获取当前文章页的标题
; B( q) v3 T* g. { Z-BLOG导航的设置就说到这里,有什么疑问的可以QQ和我交流。
- Z3 Z6 q. g, P1 q8 [ 原创文章请注明转载自,李学朋博客,本文地址:http://www.xp178.net/post/312.html |
|