新手如何解决z-blog的当前位置导航?
2019-03-20 11:30:51来源: haoshencai520.com 阅读 ()
很多网站的板块上都有当前位置导航,当我写这篇文章的时候就看到站长之家上当前的位置导航:站长之家>资讯中心>发表新文章。不用说,当前位置导航可以给用户一种很明确的方向感,增加体验度。现在使用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="<#ZC_BLOG_HOST#>" title="返回首页">首页 </a> > <#BlogTitle#></div> </div> <!--自定义添加当前位置导航结束--> |
处理好这些以后,你的z-blog网站当前位置导航还不正确显示的话,可能是z-blog网站分类页和日志页title标签没以<#article/category/name#><#BlogTitle#>来作为标题!z-blog当前位置导航的思路基本上是这样,希望能给你带来帮助。
来源:http://www.haoshencai520.com,转载文章请标识出处!
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:分析淘宝客失败的五大主观原因
- 如何设计出一个有灵魂的「签到功能」? 2021-05-04
- 案例·电商 | 网易严选是如何用会员权益提升消费频次? 2021-05-04
- 什么是百度智能小程序单卡?如何获取智能小程序单卡 2020-03-16
- 难得一见的To B干货 | SaaS运营该如何开展? 2019-12-27
- 如何搭建流失用户召回体系? 2019-12-27
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash