给WordPress加上面包屑导航,WP面包屑导航代码

如何给自己的WP网站添加面包屑导航?先了解一下什么是面包屑导航。

所谓面包屑(breadcrumb)导航:

类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。下面这段代码,可以很容易地将导航添加到你的WordPress博客中。

打开主题functions.php模板,将以下代码加进去:

function the_breadcrumb() {
                echo \'<ul id=\"crumbs\">\';
        if (!is_home()) {
                echo \'<li><a href=\"\';
                echo get_option(\'home\');
                echo \'\">\';
                echo \'Home\';
                echo \"</a></li>\";
                if (is_category() || is_single()) {
                        echo \'<li>\';
                        the_category(\' </li><li> \');
                        if (is_single()) {
                                echo \"</li><li>\";
                                the_title();
                                echo \'</li>\';
                        }
                } elseif (is_page()) {
                        echo \'<li>\';
                        echo the_title();
                        echo \'</li>\';
                }
        }
        elseif (is_tag()) {single_tag_title();}
        elseif (is_day()) {echo\"<li>Archive for \"; the_time(\'F jS, Y\'); echo\'</li>\';}
        elseif (is_month()) {echo\"<li>Archive for \"; the_time(\'F, Y\'); echo\'</li>\';}
        elseif (is_year()) {echo\"<li>Archive for \"; the_time(\'Y\'); echo\'</li>\';}
        elseif (is_author()) {echo\"<li>Author Archive\"; echo\'</li>\';}
        elseif (isset($_GET[\'paged\']) && !empty($_GET[\'paged\'])) {echo \"<li>Blog Archives\"; echo\'</li>\';}
        elseif (is_search()) {echo\"<li>Search Results\"; echo\'</li>\';}
        echo \'</ul>\';
}

将如下调用代码添加到主题模板的适当位置即可:

<?php the_breadcrumb(); ?>

并根据不同的主题配以相应的css样式。

温馨提示: 本文最后更新于2022/10/20 04:13:47若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容