分享学习记录
互联网技术知识

wordpress面包屑导航自定义代码的方法

面包屑导航在网站中的作用很重要,几乎每个网站都有,如果网站没有这个模块的话,那么这个网站的用户体验是有待提高的。在WordPress网站中,面包屑导航的设置也是极其重要的。

面包屑导航显示了当前页面在整个网站目录结构中的位置,对于用户体验和 SEO 都是加分项。同时给用户提供了一个回到首页或上级分类目录中的快捷入口,也把网站的各级目录结构清晰地展示给用户和搜索引擎。

显示形式类似于:首页 > 一级目录 > 二级目录 > 当前页面

网站设置面包屑导航的优点:

用户方面:优化用户体验,方便用户快速找到所需内容,以及在层级间快捷跳转。
网站方面:清晰展现网站的各层级和目录结构,有利于网站的内链建设,降低跳出率,提高用户粘性。
搜索引擎:对网站的 SEO 非常有利。

一、定义面包屑导航函数

在主题的functions.php文件下加入以下代码:

function dw_breadcrumb() {
		echo '<ul id="crumbs">';
	if (!is_home()) {
		echo '<li><a href="';
		echo get_option('home');
		echo '">';
		echo 'Home';
		echo "</a></li>";
		if (is_category() || is_single()) {
			echo '<li>';
			the_category(' </li><li> ');
			if (is_single()) {
				echo "</li><li>";
				the_title();
				echo '</li>';
			}
		} elseif (is_page()) {
			echo '<li>';
			echo the_title();
			echo '</li>';
		}
	}
	elseif (is_tag()) {single_tag_title();}
	elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
	elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
	elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
	elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
	elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
	elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
	echo '</ul>';
}

二、调用面包屑导航函数

<?php dw_breadcrumb(); ?>

面包屑导航对于用户体验和网站的 SEO 都十分友好,添加起来也比较简单。在使用面包屑导航时,也要注意网站本身的目录层级不要太深,一般分三级目录就足够了,层级太深显示不太友好。

修改前做好数据的备份。

赞(0)
文章名称:《wordpress面包屑导航自定义代码的方法》
文章链接:https://www.bailuze.com/17260.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到