WordPress

为 WordPress 博客添加面包屑导航

实际上一直想给周良博客添加一个面包屑导航,这样不仅有利于大家访问博客,对搜索引擎也比较不错。但是由于这个学习事情比较多,很多定下来的事情都没有去做,就连博客我也是很少更新。现在寒假了,我应该是有大把的时间可以去做我想做但一直没时间做的事情了。

面包屑导航,这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路,所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

可以说面包屑导航的作用非常的巨大,它让用户了解目前所处位置,以及当前页面在整个网站中的位置。但周良觉得,面包屑导航最大的作用就是可以最快速度的返回到上一级页面,减少了不必要的点击和操作。这使我觉得,我或许应该为周良博客添加一个面包屑导航了!考虑了半天,没找到什么地方适合放导航,所以就先把我整理出来的代码公布,然后让大家帮忙看看,周良博客哪里适合放一个面包屑导航,我先谢谢大家了哈!!!

Function.php 中添加逻辑代码

首先,编辑主题的Function.php,在里面加入下面的代码:

function get_breadcrumbs() {
    global $wp_query;
    if (!is_home()) {
        // Start the UL
        echo‘ < ul > ’;
        // Add the Home link
        echo‘ < a href = ”‘.get_settings(‘home’).’” > ’.首页.’ < /a>’;
if ( is_category() )
{
$catTitle = single_cat_title( “”, false );
$cat = get_cat_ID( $catTitle );
echo “ » “. get_category_parents( $cat, TRUE, “ » “ ) ;
}
elseif ( is_archive() && !is_category() )
{
echo “» Archives”;
}
elseif ( is_search() ) {
echo “» Search Results”;
}
elseif ( is_404() )
{
echo “» 404 Not Found”;
}
elseif ( is_single() )
{
$category = get_the_category();
$category_id = get_cat_ID( $category[0]->cat_name );
echo ‘» ‘. get_category_parents( $category_id, TRUE, “ » “ );
echo the_title(‘’,’’, FALSE);
}
elseif ( is_page() )
{
$post = $wp_query->get_queried_object();
if ( $post->post_parent == 0 ){
echo “<li> » “.the_title(‘’,’’, FALSE).”</li > ”;
    } else {
        $title = the_title(‘’, ’’, FALSE);
        $ancestors = array_reverse(get_post_ancestors($post - >ID));
        array_push($ancestors, $post - >ID);
        foreach($ancestors as $ancestor) {
            if ($ancestor != end($ancestors)) {
                echo‘ < li > » < a href = ”‘.get_permalink($ancestor).’” > ’.strip_tags(apply_filters(‘single_post_title’, get_the_title($ancestor))).’ < /a></li > ’;
            } else {
                echo‘ < li > »‘.strip_tags(apply_filters(‘single_post_title’, get_the_title($ancestor))).’ < /li>’;
}
}
}
}
/ / End the UL echo“ < /ul>”;
}
}

读取面包屑导航

修改完了Function.php文件后,只需要把下面的代码黏贴到你要显示导航的地方即可。

<?php
if (function_exists(‘get_breadcrumbs’)){
get_breadcrumbs();
}
?>

微信扫一扫,分享到朋友圈

为 WordPress 博客添加面包屑导航
101

你也可能喜欢

101 条评论

  1. 真的很不错的,面包屑

  2. 真的很不错的,面包屑

  3. 看了很多面包屑的文章,但是都没有针对一篇文章属于多个分类这种情况的,基本都是由系统选择一个分类显示在面包屑,不能显示自己要的那个分类,或者不知道有没有办法在面包屑排除某些分类

  4. 看了很多面包屑的文章,但是都没有针对一篇文章属于多个分类这种情况的,基本都是由系统选择一个分类显示在面包屑,不能显示自己要的那个分类,或者不知道有没有办法在面包屑排除某些分类

      1. @周良 不是很了解代码。

      2. @周良 嗯哈,我先本地试试。

      1. @周良 不是很了解代码。

      2. @周良 嗯哈,我先本地试试。

  5. 我想问下大神怎样添加面包屑样式?

  6. 我想问下大神怎样添加面包屑样式?

  7. 周良兄,有适合企业做网站的主题模板么?求推荐.

      1. @周良 研究研究

      2. @我爱程序员 你可以考虑找我定制主题。设计什么的我可以全包

  8. 周良兄,有适合企业做网站的主题模板么?求推荐.

      1. @周良 研究研究

      2. @我爱程序员 你可以考虑找我定制主题。设计什么的我可以全包

  9. 这段代码这么经典啊 很多人好像都再用…

    1. @电脑爱好者 面包屑导航,貌似现在很多主题都有。

  10. 这段代码这么经典啊 很多人好像都再用…

    1. @电脑爱好者 面包屑导航,貌似现在很多主题都有。

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片

关于周良粥凉

产品经理,现电商从业者;从事过互联网医疗与金融等行业。 / 写了 9 年独立博客,喜恶皆在字里行间。

分类

微信扫一扫

微信扫一扫