分类面包屑,看似无用,但对于分类层级比较多的网站,是非常有用的。
因为你不可能把所有的分类都放在主导航里。文章面包屑就起到了引导作用。
什么是面包屑导航以及其重要性
面包屑是导航是一系列连接的导航链接,这些链接显示了您浏览网站页面的路径。它们在您浏览站点时出现,并形成一个层次结构,该层次结构从您访问的第一页开始,随后是每个后续页面。
效果图
教程
将以下代码添加到现用主题的functions.php
文件中:
方法一
function cmp_breadcrumbs() {
echo '<div class="post-breadcrumb b2-hover mg-b">当前位置:';
if (!is_home()) { //如果不是首页
echo '<a href="'.get_option("home_url").'">首页</a><span>></span>';
if (is_category() || is_single()){
$cat_id = get_the_category()[0]->term_id;
$if_parent = TRUE;
$breadcrumb = "";
while ($if_parent == TRUE) {
$cat_object = get_category($cat_id);
$cat = $cat_object->term_id;
$categoryURL = get_category_link($cat);
$name = $cat_object->name;
$cat_id = $cat_object->parent;
$add_link = '<a href="' . $categoryURL . '">' . $name . '</a>';
$breadcrumb = substr_replace($breadcrumb, $add_link, 0, 0);
if ($cat_id == 0) {
$if_parent = FALSE;
}
}
echo $breadcrumb;
if (is_single()) { //如果是文章页
echo '<span>></span><a href="'.get_permalink().'"> '.get_the_title().'</a>';
}
}
}
echo '</div>';
}
方法二
function cmp_breadcrumbs() {
echo '<div class="post-breadcrumb b2-hover mg-b">当前位置:';
if (!is_home()) { //如果不是首页
echo '<a href="'.get_option("home_url").'">首页</a><span>></span>';
if (is_category() || is_single()){
echo the_category(",");
if (is_single()) { //如果是文章页
echo '<span>></span><a href="'.get_permalink().'"> '.get_the_title().'</a>';
}
}
}
echo '</div>';
}
应用
然后再/TempParts/Single/content.php文件第20行 添加下面的代码进行引用。
<?php cmp_breadcrumbs(); ?>
保存后即可看到面包屑