使用技巧

如何在WordPress中添加面包屑

在wordpress中添加面包屑-特色图片

面包屑可以帮助您改善网站的导航,因此,如果您正在寻找在网站上启用它们的简便方法,那么您来对地方了。 在本指南中,我们将向您展示如何使用插件和主题选项在WordPress中添加面包屑。

什么是面包屑?

面包屑是显示在页面顶部的链接。 这些是相互链接的链接,这些链接构成网站导航的重要组成部分。 这些链接是按层次结构排列的,因此您的用户不仅可以使用面包屑知道他们正在访问哪个页面,还可以了解他们正在访问哪些页面类别。 例如,在我们的网站上,您可以在此页面顶部看到面包屑。

在wordpress中添加面包屑-博客上的面包屑

面包屑可帮助您的用户查看他们在您的网站上浏览的页面的层次结构,并获得连接的链接以直接返回更高的页面或主页。

为什么要在WordPress中添加面包屑?

对于那些改进站点导航并让访问者更舒适地浏览站点的用户来说,添加面包屑是一个很好的选择。 由于它本质上是一条路径,因此您的用户可以轻松地使用它回溯到以前的页面并跟踪他们所在的页面。 这样可以提高参与度,并使访问者了解他们所查看页面的类别。

此外,如果您的网站很大,添加面包屑将成为一项必不可少的任务。 如果您正在经营一家电子商务商店或将您的内容分配到不同的类别中,那么启用面包屑绝对是必不可少的。 这使您的客户知道每个类别下都有哪些产品,以及他们可以返回哪些类别来查看更多类似产品。

此外,启用面包屑还可以改善您网站的SEO,因为它使搜索引擎爬网程序更容易通过您的互连链接。

现在,我们更好地了解了它们是什么以及它们如何使您受益,让我们看看如何将面包屑添加到WordPress网站以及可以采用的不同方法。

如何在WordPress中添加面包屑

有几种方法可以将面包屑添加到您的WordPress网站:

  1. 使用Yoast SEO
  2. 带有专用的面包屑插件
  3. 从你的主题

让我们看一下每种方法。

注意:其中某些方法要求您修改某些核心文件。 即使摘要非常简单,为避免出现任何问题,我们还是强烈建议您使用子主题。 这使得对主题进行更改的过程更加安全,并且在更新主题时不会还原更改。 您可以创建一个子主题,也可以使用这些专用插件中的任何一个。

1)如何使用Yoast SEO在WordPress中添加面包屑

在wordpress中添加面包屑-酵母SEO

YoastSEO是最流行的插件之一,它是WordPress的完整SEO解决方案。 它还具有专用的选项来启用面包屑,而高级选项则可以进一步对其进行自定义。 这包括更改链接分隔符,主页的锚文本,404页面的面包屑,其他个性化选项,甚至显示或隐藏面包屑中的分类法和内容类型档案。

要访问和启用Yoast下的面包屑设置,请转至WordPress管理员控制台上的Yoast SEO>搜索外观(当然,假设您已经安装并激活了Yoast SEO插件。)

然后,转到“面包屑”选项卡,您将在Yoast SEO下看到“面包屑”选项。 向下滚动至下面,启用主题为“启用面包屑”的选项,然后保存更改。

在wordpress中添加面包屑-酵母SEO

之后,您需要在headers.php文件中添加一小段代码,以便主题文件在您的网站标题上调用Yoast SEO面包屑。

为此,请通过单击外观>主题编辑器来打开主题编辑器。 然后,使用右侧的主题文件列表,然后选择主题标题。

在wordpress中添加面包屑-酵母SEO代码

现在,使用编辑器,将以下代码段粘贴到header.php文件的末尾。

<?php
如果(function_exists(’yoast_breadcrumb’)){
yoast_breadcrumb(’

‘,’‘);
}
?>

然后,点击“更新文件”就可以了! 现在,您应该可以使用Yoast SEO面包屑了。

切记在面包屑选项卡下签出其他选项,以按所需方式自定义面包屑。 Yoast允许您从那里做所有事情,并且与大多数WooCommerce主题兼容。

2)如何使用专用插件在WordPress中添加面包屑

另外,如果您不想使用Yoast SEO,则可以使用第三方插件。 在本节中,我们将介绍一些优秀的插件,您可以使用这些插件向您的WordPress网站添加面包屑。 所有这些插件都是免费的,因此您可以测试它们并为您选择合适的插件,而无需花一分钱。

1)面包屑

Flexy BreadCrumb允许您使用其专用的短代码在网站上轻松启用面包屑。 只需安装并激活该插件,然后在您网站的任何部分上使用其短代码即可:页面,博客,窗口小部件,页眉或页脚。 这样,您可以将面包屑添加到网站的任何部分,以便它们适合您其余内容。

这个免费的插件还带有专用的个性化选项,因此您可以更改面包屑分隔符,首页和结尾文本,颜色,链接的颜色选项等。

主要特征

  • 专用的简码可将面包屑添加到您网站的任何部分
  • 大量的个性化选项
  • 非常人性化且易于使用

2)面包屑NavXT

面包屑NavXT是一个完整而强大的解决方案,用于启用功能齐全的面包屑。 它是最受欢迎的面包屑插件之一,并且有充分的理由。 您可以使用专用窗口小部件或使用WordPress文件在页眉或页脚或特定页面模板上直接调用其功能来轻松启用面包屑。

该插件还带有用于自定义面包屑的内在选项,所提供的选项数量之多简直是惊人的。 您可以为博客,帖子和创意方式设置单独的模板,以在网站的不同部分清楚地显示面包屑。

主要特征

  • 广泛的面包屑个性化和模板自定义
  • 专用小部件可在您网站上的任何位置启用面包屑
  • 供用户添加功能和过滤器的附加功能

3)抓面包屑

Catch BreadCrumb是一个漂亮的轻量级插件,可让您将面包屑导航添加到您的网站。 您可以立即启用面包屑,并使用其专用的简码和个性化选项将其进一步扩展。

Catch BreadCrumbs并不是功能最丰富的产品,但其精心设计的选件包可提供您所需的所有功能,而又不会让您感到不知所措,即使是初学者,也可以在几分钟之内完成面包屑的设置。 。 最后,您可以添加优雅的面包屑并使用漂亮的选项,例如在主页上隐藏面包屑。

主要特征

  • 轻巧易用
  • 带有大量个性化选项的响应式设计
  • 在首页或特定页面上隐藏/显示面包屑的选项

现在,让我们看一下这些插件之一,看看如何在您的网站上启用它们。 对于此演示,我们将使用Flexy BreadCrumbs,但您可以使用任何其他工具。 大多数工具都是相似的,因此您应该能够在大多数插件上遵循这些步骤,而不会出现任何问题。 但是,我们建议您准备好文档,以解决您在使用过程中可能发现的任何问题。

通过Flexy Breadcrumbs在WordPress中添加BreadCrumbs

让我们从安装插件开始,因此在WordPress Admin Dashboard中,转到Plugins> Add New。 然后,使用右上角的搜索栏搜索Flexy BreadCrumbs,单击“安装”,然后将其激活。

在wordpress中添加面包屑-灵活安装

现在,让我们看看如何设置和自定义插件。

使用Flexy BreadCrumbs简码并将其添加到主题文件

使用Flexy BreadCrumbs的最简单方法是简单地使用其短代码:

[flexy_breadcrumb]

您可以将此简码添加到任何博客,页面或窗口小部件上,以在其上显示面包屑。

例如,如果要在博客或产品页面上显示面包屑,只需将此短代码添加到其中,如下所示。

另一方面,如果您希望不将面包屑显示在所有页面和帖子上而无需手动添加它们,则可以将此短代码添加到主题文件中。

为此,请通过单击外观>主题编辑器打开主题编辑器,使用右侧的主题文件侧栏并选择header.php文件。

在wordpress中添加面包屑-酵母SEO代码

现在,在文件底部,添加以下代码段:

<?php
回声do_shortcode('[flexy_breadcrumb]’);
?>

请注意,如果您使用的是另一个简码插件,则将替换 [flexy_breadcrumb] 而是使用您的插件的简码代替插件部分。

之后,单击“更新文件”,您的面包屑将显示在您的网站上。

但是,如果您想自定义面包屑并将其个性化以适合您的网站怎么办? 您可以使用插件的选项进行操作。 只需单击WP Admin仪表盘侧栏上的Flexy Breadcrumb,您将看到所有自定义选项来更改您的面包屑。 这包括更改主页图标,面包屑分隔符,后类型层次结构,甚至是版式设置。

在wordpress中添加面包屑-灵活的选项

3)如何从主题中在WordPress中添加BreadCrumbs(或将其删除)

某些主题带有它们自己专用的面包屑选项,您通常可以从其主题选项中启用/禁用它们。 例如,对于Elf主题,我们可以转到“外观”>“自定义”>“专用主题选项”选项卡,进入主题选项,该选项卡被标记为“童话主题”选项。 到达那里后,我们单击“面包屑”,然后使用提供的切换启用/禁用它们。

在wordpress中添加面包屑-主题面包屑
一些主题还带有其他选项,以自定义面包屑以匹配您网站的外观。

奖励:如何禁用面包屑

有些主题默认情况下启用了面包屑,因此要禁用它们,您必须向主题文件添加功能。 例如,Storefront带有专用面包屑,您可以使用以下代码禁用它们:

add_action(’init’,’ql_remove_storefront_breadcrumbs’);
函数ql_remove_storefront_breadcrumbs(){
remove_action(’storefront_before_content’,’woocommerce_breadcrumb’,10);
}

只需将其添加到“外观”>“主题编辑器”>“ functions.php”,将其添加到您的functions.php文件中。

之后,记住要更新文件,仅此而已。 您已成功从站点中删除了面包屑。

结论

总而言之,面包屑可以帮助您改善网站的导航并增强客户体验。

在本指南中,我们已经看到了将面包屑添加到WordPress网站的不同方法:

  • 使用Yoast SEO的面包屑选项
  • 带有专用插件
  • 通过主题的选项(如果有)

此外,我们还向您展示了如何使用简单的代码段轻松地从您的网站中删除面包屑。 最后,请记住,如果更改主题,则可能需要重新添加代码段以添加面包屑。

有关如何自定义网站并改善其导航的更多信息,请查看以下教程:

您是否已将面包屑添加到您的网站? 您使用了哪种方法? 让我们在下面的评论部分中知道!