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

9,576
WordPress免插件仅代码实现面包屑导航
  • 4.71 / 5 5
4.71分(7票)
WordPress免插件仅代码实现面包屑导航

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

小小介绍面包屑导航

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

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

一、定义面包屑导航函数

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
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 都应该知道代码的含义,不多说。

二、

调用面包屑导航函数

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

1
<?php dw_breadcrumb(); ?>

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

喵~本文目前有6条留言,欢迎发表评论!

  1. 赶上地板鸟
    :

    那个代码高亮的插件是啥?

    [回复]
    • 你自己可以查看源代码知晓

      [回复]
  2. 板凳也不错
    :

    弄好后他就自己会调用我网站的内容作为面包屑导航么

    [回复]
  3. 传说中的沙发
    :

    这个有custom post type 文章类型咋办

    [回复]

打破沉默,我来发表评论鸟~