打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
新手如何解决z

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

来源:haoshencai520.com 0个评论 分享文章
A- A+

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

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

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

注:相关网站建设技巧阅读请移步到建站教程频道。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
Z-BLOG放广告入门完全教程 - 推广杂谈
Day 16: Goose Extractor —— 好用的文章提取工具
怎样在zblog博客文章内容页里实现左右箭头翻页功能
【原创】透明gif格式飘落素材20180813
使用Bootstrap框架仿星巴克网站、附github地址。
Python 实现个人博客系统
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服