新手如何解决z-blog的当前位置导航?

来源:网络编辑考试    发布时间:2012-05-11    网络编辑考试视频    评论

  很多网站的板块上都有当前位置导航,当我写这篇文章的时候就看到站长之家上当前的位置导航:站长之家>资讯中心>发表新文章。不用说,当前位置导航可以给用户一种很明确的方向感,增加体验度。现在使用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=" <#article/category/url#> "> <#article/category/name#> </a></div>
<div class=placenav><span>当前位置 :</span><a href="<#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="<#ZC_BLOG_HOST#>" title="返回首页">首页 </a> &gt; <#BlogTitle#></div>
</div>
<!--自定义添加当前位置导航结束-->

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

视频学习

我考网版权与免责声明

① 凡本网注明稿件来源为"原创"的所有文字、图片和音视频稿件,版权均属本网所有。任何媒体、网站或个人转载、链接转贴或以其他方式复制发表时必须注明"稿件来源:我考网",违者本网将依法追究责任;

② 本网部分稿件来源于网络,任何单位或个人认为我考网发布的内容可能涉嫌侵犯其合法权益,应该及时向我考网书面反馈,并提供身份证明、权属证明及详细侵权情况证明,我考网在收到上述法律文件后,将会尽快移除被控侵权内容。

最近更新

社区交流

考试问答