WordPress 添加面包屑导航(Breadcrumb)丨支持谷歌结构化数据测试

微饭网官方微信

微Fan使用面包屑导航的两个目的

1、使用户明白自己在哪个位置,以免遗失在 微Fan'天空 的某个角落。

2、为了谷歌结构化,让体验更友好,结构清晰。

什么是面包屑???赶快去看看介绍吧:http://www.weeiy.com/%E9%9D%A2%E5%8C%85%E5%B1%91%E5%AF%BC%E8%88%AA.html

演示截图

文章页面

QQ截图20140427232307

谷歌结构化数据测试工具页面

QQ截图20140427232325

如何实现该效果

将以下代码插入 functions.php 文件的 ?> 后面 (评分功能需要安装单独评分插件)

<?php
/*
* WordPress 添加面包屑导航,支持谷歌结构化数据测试!
*http://www.weeiy.com/wordpress-add-a-breadcrumb.html
* 代码转载自:http://dimox.net/wordpress-breadcrumbs-without-a-plugin/
*/
function dimox_breadcrumbs() {

	 /*=微Fan建议,请保持下列设置,以免产生错误!=*/
	$text['home']     = '首页'; // 文字为“主页”链接
	$text['category'] = '文章目录 "%s"'; // 文本的分类页面
	$text['search']   = '搜索结果 "%s" Query'; // 文本的搜索结果页面
	$text['tag']      = '文章标签 "%s"'; // 文本标签页
	$text['author']   = '文章发表于 %s'; // 文本的作者页面
	$text['404']      = 'Error 404'; // 文本404页

	$show_current   = 1; // 1 - 显示当前文章/页/类别标题面包屑, 0 - 不显示
	$show_on_home   = 0; // 1 - 在主页上显示面包屑, 0 - 不显示
	$show_home_link = 1; // 1 - 显示“主页”链接, 0 - 不显示
	$show_title     = 1; // 1 - 显示标题的链接, 0 - 不显示
	$delimiter      = ' <small>&raquo;</small> '; // 面包屑之间的分隔符
	$before         = '<span class="current">'; // 在当前标签之前
	$after          = '</span>'; // 标签后面
	/* === END OF OPTIONS === */

	global $post;
	$home_link    = home_url('/');
	$link_before  = '<span typeof="v:Breadcrumb">';
	$link_after   = '</span>';
	$link_attr    = ' rel="v:url" property="v:title"';
	$link         = $link_before . '<a' . $link_attr . ' href="%1$s">%2$s</a>' . $link_after;
	$parent_id    = $parent_id_2 = $post->post_parent;
	$frontpage_id = get_option('page_on_front');

	if (is_home() || is_front_page()) {

		if ($show_on_home == 1) echo '<div class="breadcrumbs"><a href="' . $home_link . '">' . $text['home'] . '</a></div>';

	} else {

		echo '<div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">';
		if ($show_home_link == 1) {
			echo '<a href="' . $home_link . '" rel="v:url" property="v:title">' . $text['home'] . '</a>';
			if ($frontpage_id == 0 || $parent_id != $frontpage_id) echo $delimiter;
		}

		if ( is_category() ) {
			$this_cat = get_category(get_query_var('cat'), false);
			if ($this_cat->parent != 0) {
				$cats = get_category_parents($this_cat->parent, TRUE, $delimiter);
				if ($show_current == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats);
				$cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats);
				$cats = str_replace('</a>', '</a>' . $link_after, $cats);
				if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats);
				echo $cats;
			}
			if ($show_current == 1) echo $before . sprintf($text['category'], single_cat_title('', false)) . $after;

		} elseif ( is_search() ) {
			echo $before . sprintf($text['search'], get_search_query()) . $after;

		} elseif ( is_day() ) {
			echo sprintf($link, get_year_link(get_the_time('Y')), get_the_time('Y')) . $delimiter;
			echo sprintf($link, get_month_link(get_the_time('Y'),get_the_time('m')), get_the_time('F')) . $delimiter;
			echo $before . get_the_time('d') . $after;

		} elseif ( is_month() ) {
			echo sprintf($link, get_year_link(get_the_time('Y')), get_the_time('Y')) . $delimiter;
			echo $before . get_the_time('F') . $after;

		} elseif ( is_year() ) {
			echo $before . get_the_time('Y') . $after;

		} elseif ( is_single() && !is_attachment() ) {
			if ( get_post_type() != 'post' ) {
				$post_type = get_post_type_object(get_post_type());
				$slug = $post_type->rewrite;
				printf($link, $home_link . '/' . $slug['slug'] . '/', $post_type->labels->singular_name);
				if ($show_current == 1) echo $delimiter . $before . get_the_title() . $after;
			} else {
				$cat = get_the_category(); $cat = $cat[0];
				$cats = get_category_parents($cat, TRUE, $delimiter);
				if ($show_current == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats);
				$cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats);
				$cats = str_replace('</a>', '</a>' . $link_after, $cats);
				if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats);
				echo $cats;
				if ($show_current == 1) echo $before . get_the_title() . $after;
			}

		} elseif ( !is_single() && !is_page() && get_post_type() != 'post' && !is_404() ) {
			$post_type = get_post_type_object(get_post_type());
			echo $before . $post_type->labels->singular_name . $after;

		} elseif ( is_attachment() ) {
			$parent = get_post($parent_id);
			$cat = get_the_category($parent->ID); $cat = $cat[0];
			if ($cat) {
				$cats = get_category_parents($cat, TRUE, $delimiter);
				$cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats);
				$cats = str_replace('</a>', '</a>' . $link_after, $cats);
				if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats);
				echo $cats;
			}
			printf($link, get_permalink($parent), $parent->post_title);
			if ($show_current == 1) echo $delimiter . $before . get_the_title() . $after;

		} elseif ( is_page() && !$parent_id ) {
			if ($show_current == 1) echo $before . get_the_title() . $after;

		} elseif ( is_page() && $parent_id ) {
			if ($parent_id != $frontpage_id) {
				$breadcrumbs = array();
				while ($parent_id) {
					$page = get_page($parent_id);
					if ($parent_id != $frontpage_id) {
						$breadcrumbs[] = sprintf($link, get_permalink($page->ID), get_the_title($page->ID));
					}
					$parent_id = $page->post_parent;
				}
				$breadcrumbs = array_reverse($breadcrumbs);
				for ($i = 0; $i < count($breadcrumbs); $i++) {
					echo $breadcrumbs[$i];
					if ($i != count($breadcrumbs)-1) echo $delimiter;
				}
			}
			if ($show_current == 1) {
				if ($show_home_link == 1 || ($parent_id_2 != 0 && $parent_id_2 != $frontpage_id)) echo $delimiter;
				echo $before . get_the_title() . $after;
			}

		} elseif ( is_tag() ) {
			echo $before . sprintf($text['tag'], single_tag_title('', false)) . $after;

		} elseif ( is_author() ) {
	 		global $author;
			$userdata = get_userdata($author);
			echo $before . sprintf($text['author'], $userdata->display_name) . $after;

		} elseif ( is_404() ) {
			echo $before . $text['404'] . $after;

		} elseif ( has_post_format() && !is_singular() ) {
			echo get_post_format_string( get_post_format() );
		}

		if ( get_query_var('paged') ) {
			if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
			echo __('Page') . ' ' . get_query_var('paged');
			if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
		}

		echo '</div><!-- .breadcrumbs -->';

	}
} // end dimox_breadcrumbs()
?>

调用方法:

在你需要调用的地方插入

<?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?>

另外需要在样式表中添加CSS样式,不然会影响版面,例如微Fan使用的

.breadcrumbs {
margin: 0 0 5px;
padding: 9px 20px 7px;
background-color: #f7f7f7;
}

可根据自身情况进行修改和美化。

附:谷歌结构化数据测试工具

注:本文参照:http://dimox.net/wordpress-breadcrumbs-without-a-plugin/ 编写,感谢原作者的无私奉献精神。

发表评论
加载中...
  • 糗事语录网 4年前 (2014-05-08)

    这个我转载研究看看吧

  • 619影视 4年前 (2014-04-29)

    你好,按你的方法把面包屑加上了,很不错。现在有两个问题很头痛。一、http://jkshipin.com/slatxykldy.html这个可以完美显示各级分类目录,但是http://jkshipin.com/lxzsccybdgpsdhdt.html这个就不行了。我用GOOGLE结构化数据测试工具也测试了,http://jkshipin.com/slatxykldy.html这个正常,这个http://jkshipin.com/lxzsccybdgpsdhdt.html在GOOGLE结构化数据测试工具只显示网址,没有各级分类的显示。

    查看对话
    • 微饭君 微Fan 4年前 (2014-04-30) 官方

      这只支持第二级分类。

      • 619影视 4年前 (2014-05-02)

        不显示的就是二级分类啊

        • 微饭君 微Fan 4年前 (2014-05-03) 官方

          有时是这样,只有自己参照原作者文章修改了额!

  • 爱追忆 4年前 (2014-04-28)

    支持博主转载分享这么好的内容,很有帮助,还有,你的这个评分插件也应该弄个教程,我也装了,但是不会弄

    查看对话
  • 百赖小生 4年前 (2014-04-27)

    厉害啊。这都被你研究出来了。

    查看对话
    • 微饭君 微Fan 4年前 (2014-04-27) 官方

      这是原作者厉害。。

相关文章