欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > CMS技术 > WordPress网站如何添加面包屑导航
这篇文章主要为大家详细介绍了WordPress网站如何添加面包屑导航,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

 一,什么是面包屑导航?

  面包屑导航(BreadcrumbNavigation)这个概念来自童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

二,WordPress网站如何添加面包屑导航

     1,首先,将以下函数代码添加到你的主题functions.php文件里面

function xiuzhuti_breadcrumb() {
echo '<a href="'.home_url().'" rel="”nofollow”">主页</a>';
if (is_category() || is_single()){
echo '  »  ';
the_category (' • ');
if (is_single()) {
echo '  »  ';
the_title();
}
} elseif (is_page()) {
echo '  »  ';
echo the_title();
} elseif (is_search()) {
echo '  »  ';
echo '搜索 <sapn>';
echo the_search_query();
echo '</sapn> 的结果...';
}
}

  2,添加函数后,您需要在希望出现面包屑的模板文件中调用它。在single.php中调用该函数会使面包屑出现在您的帖子中,在header.php中调用它会在您的标题出现的任何地方显示它们,依此类推。

  调用代码

<div class="breadcrumb"><?php xiuzhuti_breadcrumb(); ?></div>

  最后用css美化一下

.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb a {
color: #428bca;
text-decoration: none;
}

  三,WordPress网站添加面包屑导航的作用

  1、让用户了解当前所处位置,以及当前页面在整个网站中的位置。

  2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。

  3、提供返回各个层级的快速入口,方便用户操作。

  4、Google已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以实现SEO优化。面包屑路径,对于提高用户体验来说,是很有帮助的。

  5、方便用户,面包屑主要用于为用户提供导航一个网站的次要方法,通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更容易的定位到上一次目录,引导用户通行;

  6、减少返回到上一级页面的点击或操作,不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面;

  7、不用常常占用屏幕空间,因为它们通常是水平排列以及简单的样式,面包屑路径不会占用页面太多的空间。这样的好处是,从内容过载方面来说,他们几乎没有任何负面影响;

  8、降低跳出率,面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说,一个用户通过谷歌搜索到一个页面,然后看到一个面包屑路径,这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样,从而,可以降低网站的总体跳出率。

  9、有利于百度蜘蛛对网站的抓取,蜘蛛直接沿着那个链走就可以了,很方便。

  10、面包屑有利于网站内链的建设,用面包屑大大增加了网站的内部连接,提高用户体验。

以上就是WordPress网站如何添加面包屑导航的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: WordPress 面包屑导航

上一篇WordPress完美隐藏后台地址的实现方法

下一篇WordPress网站如何更改固定链接 WordPress固定链接优化设置

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在