面包屑导航是很常见的一种功能。
面包屑导航既可以让用户清楚得知道自已所处的网站位置,提升体验;又有利于SEO,方便蜘蛛抓取。
那么,如何为WordPress添加面包屑导航呢?
并没有一个很方便的方法添加面包屑导航,只能一个页面一个页面的挨个处理。所以说,添加面包屑导航是个苦差事。
不过,幸运的是,已经有很多先行者,发明过轮子了。比如,酱茄主题开源版中使用的面包屑功能。
/**
* 面包屑导航
*/
function jiangqie_breadcrumbs()
{
if ((is_category() || is_tag()) && !jiangqie_option('list_switch_bread')) {
return '';
}
if (is_single() && !jiangqie_option('detail_switch_bread')) {
return '';
}
$delimiter = '<em> > </em>'; // 分隔符
$before = '<span class="current">'; // 在当前链接前插入
$after = '</span>'; // 在当前链接后插入
if (!is_home() && !is_front_page() || is_paged()) {
echo '<div class="base-list-nav" itemscope="">' . __('', 'cmp');
global $post;
$homeLink = home_url() . '/';
echo '<a itemprop="breadcrumb" href="' . $homeLink . '">' . __('首页', 'cmp') . '</a> ' . $delimiter . ' ';
if (is_404()) { // 404 页面
echo $before;
_e('404', 'cmp');
echo $after;
} else 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) {
$cat_code = get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' ');
echo $cat_code = str_replace('<a', '<a itemprop="breadcrumb"', $cat_code);
}
echo $before . '' . single_cat_title('', FALSE) . '' . $after;
} elseif (is_day()) { // 天 存档
echo '<a itemprop="breadcrumb" href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
echo '<a itemprop="breadcrumb" href="' . get_month_link(get_the_time('Y'), get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
echo $before . get_the_time('d') . $after;
} elseif (is_month()) { // 月 存档
echo '<a itemprop="breadcrumb" href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $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;
echo '<a itemprop="breadcrumb" href="' . $homeLink . '/' . $slug['slug'] . '/">' . $post_type->labels->singular_name . '</a> ' . $delimiter . ' ';
echo $before . get_the_title() . $after;
} else { // 文章 post
$cat = get_the_category();
$cat = $cat[0];
$cat_code = get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
echo $cat_code = str_replace('<a', '<a itemprop="breadcrumb"', $cat_code);
echo $before . '正文' . $after;
}
} elseif (is_attachment()) { // 附件
$parent = get_post($post->post_parent);
$cat = get_the_category($parent->ID);
$cat = $cat[0];
echo '<a itemprop="breadcrumb" href="' . get_permalink($parent) . '">' . $parent->post_title . '</a> ' . $delimiter . ' ';
echo $before . get_the_title() . $after;
} elseif (is_page() && !$post->post_parent) { // 页面
echo $before . get_the_title() . $after;
} elseif (is_page() && $post->post_parent) { // 父级页面
$parent_id = $post->post_parent;
$breadcrumbs = [];
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '<a itemprop="breadcrumb" 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 $before . get_the_title() . $after;
} elseif (is_search()) { // 搜索结果
printf(__('搜索:%s', 'cmp'), get_search_query());
} elseif (is_tag()) { //标签 存档
echo $before;
printf(__('标签:%s', 'cmp'), single_tag_title('', FALSE));
echo $after;
} elseif (is_author()) { // 作者存档
global $author;
$userdata = get_userdata($author);
echo $before;
printf(__('作者:%s', 'cmp'), $userdata->display_name);
echo $after;
} elseif (!is_single() && !is_page() && get_post_type() != 'post') {
$post_type = get_post_type_object(get_post_type());
echo $before . $post_type->labels->singular_name . $after;
}
if (get_query_var('paged')) { // 分页
if (is_category() || is_day() || is_month() || is_year() || is_tag() || is_author())
echo sprintf(__('( Page %s )', 'cmp'), get_query_var('paged'));
}
echo '</div>';
}
}
现在,添加面包屑导航,只需要两步了。
第一步,把这个函数,添加到主题的functions.php中。
第二步,在需要面包屑导航的页面,添加以下代码:
<?php jiangqie_breadcrumbs(); ?>
大功告成!
如果,喜欢使用插件,可以参考之前介绍过的:WordPress插件之面包屑导航插件Breadcrumb NavXT
-
WordPress函数:_n_loop 在 pot 文件中注册字符串WordPress函数:_n_loop 在 pot 文件中注册字符串
-
WordPress函数:esc_html__ 转义HTML字符WordPress函数:esc_html__ 转义HTML字符
-
WordPress函数:esc_html_x 带上下文的转义翻译WordPress函数:esc_html_x 带上下文的转义翻译
-
WordPress函数:esc_attr__ 转义属性及翻译WordPress函数:esc_attr__ 转义属性及翻译
-
WP Multilang WordPress翻译插件WP Multilang插件的主要功能是提供多语言支持,使用户能够创建多语言版本的网站,满足不同语言用户的需求。
-
WordPress公司官网主题在众多的WordPress企业官网主题中,追格公司推出了多款关于WordPress企业官网主题作品。我们之前已经分享过一些关于追格的企业官网主题,包括收费和免费版本,这些主题都因其独特的设计和出色的功能而深受用户喜爱。
暂无评论,抢个沙发...