wordpress面包屑导航的实现
面包屑导航对于一个网站的用户体验和SEO优化是不可缺少的，面包屑导航对于用户来说，可以非常方便的让用户知道自己在什么位置，上一级的目录是什么，从而形成更好的位置感，对于浏览其它相关文章体验很好，不用再去点击浏览器的返回了，而对于SEO来说，更方便了搜索引擎的蜘蛛爬取，面包屑导航更可以用来当做关键词来使用，蜘蛛可以延着面包屑导航提供的位置进行页面的爬取，不会导致蜘蛛迷失方向，现谷歌已经将面包屑导航整合到了搜索引擎结果里，可见，面包屑导航对于SEO来说是多么重要了，尤其对于大型的站点来说，面包屑导航就更不能缺少了，像新浪哪么大的网站，如果没有面包屑导航，用户都不知道自己在哪里。
好了，说了这么多面包屑导航的好处，我们来看一下 wordpress 中如何实现面包屑导航吧，具体效果可以参照夏日博客的面包屑导航效果，打开 functions.php 文件，并加入如下的代码:
function dimox_breadcrumbs() {
$delimiter = '»';
$name = '首页';
$currentBefore = '<span>';
$currentAfter = '</span>';
if ( !is_home() && !is_front_page() || is_paged() ) {
global $post;
$home = get_bloginfo('url');
echo '<a href="' . $home . '">' . $name . '</a> ' . $delimiter . ' ';
if ( is_category() ) {
global $wp_query;
$cat_obj = $wp_query->get_queried_object();
$thisCat = $cat_obj->term_id;
$thisCat = get_category($thisCat);
$parentCat = get_category($thisCat->parent);
if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
echo $currentBefore . '当前分类 '';
single_cat_title();
echo ''' . $currentAfter;
} elseif ( is_day() ) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
echo $currentBefore . get_the_time('d') . $currentAfter;
} elseif ( is_month() ) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
echo $currentBefore . get_the_time('F') . $currentAfter;
} elseif ( is_year() ) {
echo $currentBefore . get_the_time('Y') . $currentAfter;
} elseif ( is_single() ) {
$cat = get_the_category(); $cat = $cat[0];
echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
echo $currentBefore;
the_title();
echo $currentAfter;
} elseif ( is_page() && !$post->post_parent ) {
echo $currentBefore;
the_title();
echo $currentAfter;
} elseif ( is_page() && $post->post_parent ) {
$parent_id = $post->post_parent;
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
echo $currentBefore;
the_title();
echo $currentAfter;
} elseif ( is_search() ) {
echo $currentBefore . 'Search results for '' . get_search_query() . ''' . $currentAfter;
} elseif ( is_tag() ) {
echo $currentBefore . '当前标签页 '';
single_tag_title();
echo ''' . $currentAfter;
} elseif ( is_author() ) {
global $author;
$userdata = get_userdata($author);
echo $currentBefore . '当前文章页 ' . $userdata->display_name . $currentAfter;
} elseif ( is_404() ) {
echo $currentBefore . 'Error 404' . $currentAfter;
}
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 ')';
}
}
}
然后在需要添加面包屑的地方加入如下代码即可:
<?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?>
这样整个面包屑导航就做好了，现在看一下自己的 wordpress 博客是否已经实现了面包屑导航。