建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
新手如何解决z-blog的当前位置导航?
发布日期:2011-05-04 阅读次数:618 字体大小:

很多网站的板块上都有当前位置导航,当我写这篇文章的时候就看到站长之家上当前的位置导航:站长之家>资讯中心>发表新文章。不用说,当前位置导航可以给用户一种很明确的方向感,增加体验度。现在使用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#>">,并在下面添加以下的内容:

<!--自定义添加当前位置导航开始-->
<div class=thisplace>
<div class=title><a href=http://www.chinaz.com/Webbiz/Exp/" <#article/category/url#> "> <#article/category/name#> </a></div>
<div class=placenav><span>当前位置 :</span><a href=http://www.chinaz.com/Webbiz/Exp/"<#ZC_BLOG_HOST#> "> 首页 </a> > <a href=" <#article/category/url#> "> <#article/category/name#> </a> >文章内容</div>
</div>

<!--自定义添加当前位置导航结束-->

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> &gt; <#BlogTitle#></div>
</div>
<!--自定义添加当前位置导航结束-->

处理好这些以后,你的z-blog网站当前位置导航还不正确显示的话,可能是z-blog网站分类页和日志页title标签没以<#article/category/name#><#BlogTitle#>来作为标题!z-blog当前位置导航的思路基本上是这样,希望能给你带来帮助。

来源:http://www.haoshencai520.com,转载文章请标识出处!

感谢 qc139 的投稿