WordPress免插件仅代码实现面包屑导航

WordPress免插件仅代码实现面包屑导航

这个功能在网络上一搜是一大把代码,本来也不想在这里再累赘的,但为了丰富本站 DeveWord .com 的“无插件”系列,只得。。。面包屑导航不仅仅是给访客使用,同时也是给搜索引擎一个抓取的路线图。

小小介绍面包屑导航

使用谷歌搜索的可能知道,某些搜索结果中的地址不是单纯的url ,而是一个导航分类菜单。在谷歌搜索中,这个叫做“路径”,也是隶属结构化数据的一部分。Jeff 在本站DeveWord.com 部署这个面包屑导航也很久了,但是一直在搜索结果中不出现“路径”,即使是使用了微数据标注也是如此。一直很纳闷,现在也不知如何解决。

进入正题吧,在WordPress免插件仅代码实现面包屑导航需要你做的是:

一、定义面包屑导航函数

在主题的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>';
}

上面是定义了一个dw_breadcrumb ,学过编程的及了解WordPress 都应该知道代码的含义,不多说。

二、

调用面包屑导航函数

在你需要显示面包屑导航的地方加入以下代码即可:

<?php dw_breadcrumb(); ?>

代码来源:英文原文,感谢原作者。

评分:
当前平均分 4.71 (87%) - 7 个投票
云左主机 广告
6 条 评论
  1. 那个代码高亮的插件是啥?

    3年前 回复
    • 你自己可以查看源代码知晓

      3年前 回复
  2. 弄好后他就自己会调用我网站的内容作为面包屑导航么

    3年前 回复
  3. 这个有custom post type 文章类型咋办

    4年前 回复
发表评论