首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >面包屑- WordPress

面包屑- WordPress
EN

Stack Overflow用户
提问于 2017-11-27 22:16:15
回答 3查看 1.2K关注 0票数 0

我有一个网站,这是在wordpress,有一个自定义导航。该网站也不使用类别。我的问题是如何从自定义导航中创建面包屑。我可以通过将帖子ID传递给get_post($id)来转储帖子中的信息,但我看不到与前面的链接的关系。我也查看了wordpress的数据库,没有看到前一篇文章之间的任何关系。

任何帮助都将不胜感激。

EN

回答 3

Stack Overflow用户

发布于 2017-11-27 22:27:48

首先,如果你使用的是wordpress.com,他们会有面包屑插件。而且它们也存在于wordpress托管网站和wordpress.com自制网站上。

但是,如果您想从头开始创建面包屑功能,这里有指向TheWebTaylor Wordpress站点的面包屑代码的链接(它很长,所以我使用该链接而不是复制和粘贴):https://www.thewebtaylor.com/articles/wordpress-creating-breadcrumbs-without-a-plugin

要调用页面上的crumbs,请使用:

代码语言:javascript
复制
<?php custom_breadcrumbs(); ?>

免责声明:我尚未测试此代码,请阅读链接网页底部的免责声明。

票数 0
EN

Stack Overflow用户

发布于 2017-11-28 00:37:43

安装Yoast SEO插件:https://yoast.com/wordpress/plugins/seo/

关于如何使用Yoast SEO实现breadcrumbs的说明:https://kb.yoast.com/kb/implement-wordpress-seo-breadcrumbs/

代码语言:javascript
复制
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p id="breadcrumbs">','</p>
');
}
?>
票数 0
EN

Stack Overflow用户

发布于 2018-10-12 15:12:51

创建面包屑:我们已经创建了一个名为get_breadcrumb()的自定义函数来生成面包屑链接。只需在当前主题的functions.php文件中添加get_breadcrumb()函数代码即可。

1步)将以下代码复制到主题functions.php文件中

代码语言:javascript
复制
function get_breadcrumb() {
    echo '<a href="'.home_url().'" rel="nofollow">Home</a>';
    if (is_category() || is_single()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
        the_category(' &bull; ');
            if (is_single()) {
                echo " &nbsp;&nbsp;&#187;&nbsp;&nbsp; ";
                the_title();
            }
    } elseif (is_page()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
        echo the_title();
    } elseif (is_search()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;Search Results for... ";
        echo '"<em>';
        echo the_search_query();
        echo '</em>"';
    }
}

显示面包屑:在您希望在WordPress站点上显示面包屑的single.php文件和其他文件中调用get_breadcrumb()函数。

2步)将代码粘贴到想要显示面包屑的地方,例如(header.php)

代码语言:javascript
复制
<div class="breadcrumb"><?php get_breadcrumb(); ?></div>

CSS样式Breadcrumbs:这个帮助设计breadcrumbs链接的样式。

3步)粘贴到CSS下方

代码语言:javascript
复制
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47513049

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档