可能有朋友会问什么是面包屑导航,那么俺先给大伙讲个故事:1 D" E/ j2 @' s
很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等太阳一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当太阳升起来时,他们在地上却怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
W% M |+ j, _% c! Y# c 故事比较杯具哈,但是我们大概知道面包屑导航是干嘛的了,也就是能找到上一级目录,回到初始位置。那么面包屑导航在网站上的呈现方式如图所示:' A/ h, U/ _7 U
/ u( n! c) x0 ?7 [ 9 ?! J3 j, `. P- e1 ?0 Y2 ?
6 l! ~7 {7 D9 l! D7 _0 m
, O. j/ j; [0 d8 Z0 ~' ?
如图所示,很多CMS或者大型站点论坛上面都有这样的面包屑导航,那么面包屑导航有什么作用呢?
; K- |% T; g2 _ 1、让用户了解目前所处位置,以及当前页面在整个网站中的位置。
7 t2 U9 A- f) G7 J' H! }& C4 J1 B 2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
. \- O" u! Z5 [9 a$ F0 D& U5 O8 e 3、提供返回各个层级的快速入口,方便用户操作。
, m1 C% M% e8 W f 4、Google、百度已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以优化seo。
; U7 |# u G, P* E Z-BLOG默认是不带面包屑导航的,今天李学朋就教大家怎样设置面包屑导航:# Q, z g; s' r* z. b
如上图所示我的面包屑导航分布在内容页面和栏目页面。具体怎样修改模板请看这篇文章:通用模板的修改方法1 v- }' j( V8 |7 n( e; D1 u
俺今天说说Z-BLOG内容页设置导航的方法:1 n) d$ {' A, y1 ~
第一步:登陆Z-BLOG后台或者FTP下载文件b_article-single.html
) ?3 B# U& }4 K& l! f" ^4 I% Y) G6 q5 D
5 W1 V1 W& ~# A0 x" {3 O , X1 E# G4 O7 E1 G6 \" M* `- y
第二步:用记事本打开该文件: C8 P4 Q, g+ q' b, G" t k
- g0 b2 o! T! _
' ~% e: r; D* x 一般情况下如图红线框住的部分是没有的·,那么你只需在这里放上以下代码既可
% P& u) K) g3 X1 O
% L9 a" F6 S0 P9 o0 d( L" J/ `$ w 本文位置: "><#ZC_BLOG_TITLE#> 》"> <#article/category/name#> 》"> <#BlogTitle#>
# {4 N# G# a8 d& a) g6 C [ ) p1 `( a3 V4 W J
代码解释:
+ P) v7 i& Q) ^0 a9 c! Q4 Q 表示注释,写上这个以后便于维护管理。
9 _5 S, m I" p( A2 r <#ZC_BLOG_HOST#> 自动获取网站首页的地址
* k: I+ O% D3 w, R# N# S <#ZC_BLOG_TITLE#> 自动获取网站首页标题! e+ ?" |- Q% \
<#article/category/url#> 自动获取当前文章页所在栏目的地址: R: d |4 x6 o% |! K* ^
<#article/category/name#> 自动获取当前文章页所在栏目的栏目名3 k' l, q9 z) f
<#article/url#> 自动获取当前文章页的地址( U3 j6 c$ O+ P: e
<#BlogTitle#> 自动获取当前文章页的标题8 g8 h1 H9 ^2 n- M j
Z-BLOG导航的设置就说到这里,有什么疑问的可以QQ和我交流。, [$ b, k9 t# Q- ~# ^3 s% w
原创文章请注明转载自,李学朋博客,本文地址:http://www.xp178.net/post/312.html |
|