You are here:  Home » PHP » 如何在WordPress中显示面包屑导航链接

您想在WordPress网站显示痕迹导航链接吗?面包屑导航是一种辅助导航系统,可以告诉用户他们在相对于主页的网站上的位置。在本文中,我们将向您展示如何在WordPress中显示痕迹导航链接。

Breadcrumbs displayed on WPBeginner website

什么是面包屑导航以及为什么需要它?

面包屑导航是一个术语,用于描述作为链接轨迹呈现的分层导航菜单。它通常用作辅助导航,允许用户在链接层次结构中上下移动。

面包屑导航链接与WordPress中的默认导航菜单系统不同。

面包屑导航的目的是帮助用户浏览网站。它可以帮助用户了解他们在网站上的位置。它还有助于搜索引擎了解网页上链接的层次结构。

谷歌等搜索引擎已开始在搜索结果中的网站标题下方显示面包屑。这可以让您的网站在结果中更具可见性并提高点击率。

Breadcrumb navigation in search results

话虽如此,让我们来看看如何在WordPress中添加痕迹导航链接。

使用Breadcrumb NavXT插件添加Breadcrumb导航

这是迄今为止在WordPress网站中添加痕迹导航的最简单方法。它非常灵活,易于使用,并且有更多您可以想象的选项。了解为什么我们在WPBeginner上使用Breadcrumb NavXT。

您需要做的第一件事是安装并激活Breadcrumb NavXT插件。激活后,您需要访问 Settings»Breadcrumb NavXT 页面来配置插件设置

Settings page for Breadcrumb NavXT plugin

默认设置应适用于大多数网站。但是,您希望进行更改以根据需要自定义设置。

设置页面分为不同的部分。在常规设置选项卡上,您可以定义插件在您的站点上的全局行为。

它允许您修改beadcrumb导航链接模板。您还会注意到这些链接模板在链接标记中使用Schema.org参数。

插件设置下的帖子类型选项卡允许您为帖子,页面和任何自定义帖子类型设置面包屑链接。

您可以选择显示帖子层次结构的方式。默认情况下,插件将使用 Site Title>类别>帖子标题。您可以使用标签,日期或后期父级替换类别。

分类法和作者选项卡具有与您的痕迹导航链接类似的模板。

不要忘记单击“保存更改”按钮来存储更改。

在您的网站上显示Breadcrumb NavXT

该插件要求您编辑主题文件。您需要在主题或子主题的header.php文件中添加此代码,以便显示痕迹导航。


<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists("bcn_display"))
    {
        bcn_display();
    }?>
</div>

您现在只需访问任何帖子页面即可访问您的网站并查看痕迹导航链接

使用Yoast SEO插件添加Breadcrumb导航链接

您需要做的第一件事是安装并激活Yoast SEO插件。我们有一个完整的分步指南,介绍如何为WordPress安装和设置Yoast SEO插件。

激活后,您需要转到 SEO»高级页面,然后选中“启用面包屑”选项。

Yoast breadcrumb settings

选中后,您会找到几个选项来更改面包屑在您网站上的显示方式。默认设置应该适用于大多数人,但随时可以随意更改您喜欢的任何内容。

完成后,单击“保存更改”按钮以存储设置。

在您的网站上显示Yoast的Breadcrumb导航

一些WordPress主题已经支持Yoast的面包屑。您可以访问您的网站并单击单个帖子和页面,以查看您的主题是否在页面上显示痕迹导航。

如果您的主题没有自动显示痕迹导航,那么您需要在WordPress主题中添加一些代码片段。

只需在主题或子主题的header.php文件中添加此代码即可。您应该将代码放在文件末尾。

<?php if ( function_exists("yoast_breadcrumb") ) 
{yoast_breadcrumb("<p id="breadcrumbs">","</p>");} ?>

现在您可以访问您的网站以查看运行中的痕迹导航

我们希望本文能帮助您在WordPress显示痕迹导航链接。您可能还希望看到我们的24个列表必须具有商业网站的WordPress插件