zblogphp面包屑导航的集合写法
天兴工作室 2015-10-08 21:32 zblogphp教程 8097 3 评论
首先来水一下面包屑导航的介绍和作用:
面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
面包屑导航的作用:
-
让用户了解当前所处位置,以及当前页面在整个网站中的位置。
-
体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
-
提供返回各个层级的快速入口,方便用户操作。
-
Google已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以实现SEO优化。面包屑路径,对于提高用户体验来说,是很有帮助的。
-
方便用户,面包屑主要用于为用户提供导航一个网站的次要方法,通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更容易的定位到上一次目录,引导用户通行;
-
减少返回到上一级页面的点击或操作,不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面;
-
不用常常占用屏幕空间,因为它们通常是水平排列以及简单的样式,面包屑路径不会占用页面太多的空间。这样的好处是,从内容过载方面来说,他们几乎没有任何负面影响;
-
降低跳出率,面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说,一个用户通过谷歌搜索到一个页面,然后看到一个面包屑路径,这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样,从而,可以降低网站的总体跳出率。
-
有利于百度蜘蛛对网站的抓取,蜘蛛直接沿着那个链走就可以了,很方便。
-
面包屑有利于网站内链的建设,用面包屑大大增加了网站的内部连接,提高用户体验。
以上内容摘抄自百度百科。
水完之后进入本文的正题。zblogphp的面包屑导航集合写法,直接上代码:
{if $type=='article'}<a href="{$host}">网站首页</a> / <a href="{$article.Category.Url}">{$article.Category.Name}</a> / 正文 {elseif $type=='category'}<a href="{$host}">网站首页</a> / <a href="{$category.Url}">{$category.Name}</a> {elseif $type=='index'}网站首页 {else}<a href="{$host}">网站首页</a> / {$title}{/if}
以上代码放在任何模板页面均可生效,因为用了if判断type页面,首页、列表页、内容页、单页、tag页均可以显示正确的面包屑导航栏。
如有bug,欢迎反馈。
本文标签:#面包屑导航#zblogphp面包屑
相关推荐
- zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- zblog获取当前页面的标题/链接/ID等属性02-02
- zblog模板文章发布时间格式详细说明11-23
- zblog页面打开慢|TTFB加载时间长的排查方法05-19
- zblog应用中心下载应用提示:App下载失败04-07
- zblog发布文章提示成功但是没有保存的问题原因和解决办法01-12
- zblogphp调用分类下子分类和子孙分类的代码08-06
- zblog一个数据库建立多个网站或者多个网站公用一个数据库的方法07-31
- zblog如何调用用户?zblog调用网站用户的方法07-27
- zblog新版GetList函数的参数说明和使用方法07-06
- zblog1.7版本“固定网站域名”按钮不见了怎么办?zblog固定网站域名功能设置步骤04-19
- zblog升级1.7报错“Invalid argument supplied for foreach”或者“unserialize(): Error at offset”的解决办法04-11
- zblogphp1.7版本正式上线,附zblogphp1.7升级指南和注意事项02-08
- zblog判断插件是否安装或者启用的代码介绍01-16
- zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室官网购物活动:全场8折优惠券 不限次数不限金额04-17
- 2天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 3vue3项目引入vant报错的错误原因和解决办法03-12
- 4天兴工作室zblog百科主题 可搭配会员插件实现知识付费盈利03-06
- 5zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 6天兴工作室2023双11活动:五折优惠券大放送11-05
- 7腾讯云2023双11活动:2H2G3M轻量服务器88一年限新用户11-05
- 8新老同享 阿里云2023双11活动:2核2G3M带宽云服务器99元/年!10-31
- 9天兴工作室zblog免登录付费阅读插件 支持支付宝微信支付虎皮椒支付10-09
- 标签聚合
- ×1zblogphp1.3×6自适应模板×6备案×2php版本×12zblog安装×1Swiper鼠标拖拽×1xiaoyi_FirstIMG×2wordpress上一篇×1emlog免费cms模板×1amh301×6春节×4wordpress调用×1zblog回到顶部×1js配色×1主题×1zblog论坛×1会员中心插件×2侧栏管理×1全屏幻灯片×1emlog分类标题
最新评论
-
天兴工作室
07-05可以看下更新记录,上个月29日才更新的 -
访客
07-05现在这个主题还更新吗 -
天兴工作室
06-15打开编辑文字,选中代码语言,然后不管是回车断行还是复制粘贴,都不会被分为一行一框啊,所以没理解你是咋办到的 -
访客
06-14zblog文章中发多行代码,被分成一行一个框,一行一个框,如何调整成和你的一样的一段代码在一个框中 -
天兴工作室
06-13这个功能本来就有
有 3 位网友评论:
莱安特 6年前 (2018-08-17) 回复
单纯显示出当前分类,没有显示父级路径,这没多大的意义,所以不能说这是面包屑路径
天兴工作室网友 9年前 (2016-01-20) 回复
如果有二级分类,二级分类页面面包屑没有父分类,还不算太完整。
Faith自媒体 9年前 (2015-10-19) 回复
面包屑哈哈哈,这个不错,可以实现