很多网站的板块上都有当前位置导航,当我写这篇文章的时候就看到站长之家上当前的位置导航:站长之家>资讯中心>发表新文章。不用说,当前位置导航可以给用户一种很明确的方向感,增加体验度。现在使用z-blog建站的友友很多,对于新手来说,当然也希望在自己的博客上也有类似的当前位置导航。
在z-blog上建立这样的当前位置导航其实是比较容易的,关键是要对z-blog的相关模板和标签熟悉,我在当初就走了一些弯路。写这篇文章的目地,也就是帮助那些新手快速走过这个门槛!
一、在z-blog的文章页建立“当前位置导航”
1、打开z-blog网站的文件夹,依次打开THEMES\default\TEMPLATE,找到b-article-single.html。这是z-blog的内模板,对应日志文章正文内容处的显示。
2、用记事本或其它编辑软件打开b-article-single.html,并找到<div class="post cate<#article/category/id#>auth<#article/author/id#>">,并在下面添加以下的内容:
<!--自定义添加当前位置导航开始--> <!--自定义添加当前位置导航结束--> |
3、给导航语言加上注释是为了以后便于维护。做到这里,你还要在相应的css样式表给这个位置导航美化一下,这里就不再赘述,自己尝试给它们做个与网站风格一致的css样式。
二、给z-blog的分类页做“当前位置导航”
1、同样打开z-blog的文件夹,依次打开THEMES\default\TEMPLATE,我们在catalog.html模板里找到
<div id="divMain"> <#template:article-multi#> <div class="post pagebar"><#ZC_MSG042#>:<#template:pagebar#></div> </div> |
2、在<div id="divMain">和<#template:article-multi#>之间添加以下语言:
<!--自定义添加当前位置导航开始--> <div class=thisplace> <div class=title><#BlogTitle#></div> <div class=placenav><span>当前位置:</span><a href=http://www.chinaz.com/Webbiz/Exp/"<#ZC_BLOG_HOST#>" title="返回首页">首页 </a> > <#BlogTitle#></div> </div> <!--自定义添加当前位置导航结束--> |
处理好这些以后,你的z-blog网站当前位置导航还不正确显示的话,可能是z-blog网站分类页和日志页title标签没以<#article/category/name#><#BlogTitle#>来作为标题!z-blog当前位置导航的思路基本上是这样,希望能给你带来帮助。
来源:http://www.haoshencai520.com,转载文章请标识出处!
感谢 qc139 的投稿