用户体验与网站内容一样重要。用户应该能够轻松直观地浏览您的 WordPress 网站。这就是“面包屑”的用武之地。面包屑 WordPress 插件可以帮助您在几乎任何主题中实施这种有用的导航辅助。
几乎不可能预测您的访问者最终会查看哪个特定帖子或页面。不管怎样，您仍然希望为用户提供易于理解的导航标记。这将帮助他们在您的网站上四处走动。
本文将帮助您了解“面包屑”是什么，它们如何改善您网站的整体用户体验，然后是一个免费的 WordPress 插件，可以帮助您在没有任何技术知识的情况下创建面包屑下一步添加面包屑到 WordPress。
面包屑帮助人们浏览您的#WordPress 网站。 🙂 这 5 个 #plugins 将面包屑添加到 WP 点击推特 什么是 WordPress 中的面包屑？
面包屑是帮助您的访问者以有组织的方式浏览您的 WordPress 网站的路径。您可以使用痕迹导航帮助用户从一篇文章的页面转到另一篇文章的页面。
以下是 UX 专家 Nelson Norman Group 的总结：
面包屑是支持寻路的重要导航元素——让用户了解他们在当前网站层次结构中的位置的位置。面包屑是代表当前页面及其“祖先”（父页面、祖父页面等）的链接列表，通常一直返回到站点主页。 NN/g 自 1995 年以来一直推荐面包屑，因为它们几乎免费为用户提供许多好处。
致操作e -commerce 对于网站所有者，面包屑可以显着提高可用性并最终提高销售额。您可以使用它们来鼓励用户查看特定类别中的相关产品，即主页 → 产品 → 电子产品 → 可穿戴设备。
您也不需要聘请网络开发人员或学习高级编码来完成这项工作。只需安装一个 Breadcrumb WordPress 插件即可。
五个最好的 Breadcrumb WordPress 插件
1.导航导航
导航导航
作者(s)：John Havelick
当前版本：6.3.0
最后更新时间：2019 年 5 月 3 日
breadcrumb-navxt.6.3.0.zip
94% 的评分 7,590,040Downloads WP 4.8+ required
Breadcrumb NavXT 是一个名为 Breadcrumb Navigation XT 的旧插件的更新版本。您可以使用 Breadcrumb NavXT 在整个网站上生成基于位置的面包屑。它拥有超过 800,000 个活跃安装，在 WordPress 用户中很受欢迎。
功能
- 高度可定制
- 组织面包屑列表兼容
- WPML 和 bbPress 友好
- 内置-在 WordPress 小部件中
- 经常更新
如何使用
安装 Breadcrumb NavXT 后，导航到 WordPress 仪表板中的外观 → 小部件。
Breadcrumb NavXT widget 拖拽拖放到您选择的小部件区域并更新小部件设置。您将能够在侧边栏或您选择的小部件区域中看到面包屑路径。您还可以隐藏主页上的路径或反转链接的顺序。
您还可以使用以下 PHP 函数将面包屑直接添加到主题的模板文件中：
bcn_display($return=false, $linked=true, $reverse=false , $force = 假）
2.灵活面包屑
作者(s)：PressTigers
当前版本：1.1.0
最后更新时间：2019 年 5 月 24 日
flexy-breadcrumb.1.1.0.zip
100% rating 14,340Downloads WP 4.6+ required
Schema 结构是 SEO 的重要方面之一。这个面包屑 WordPress 插件与谷歌字体集成，使您的面包屑痕迹无缝融入您的网站设计。
功能
- 短代码兼容
- 不同的面包屑分隔符
- 设置“主页”文本和“结束”文本
- Font Awesome icon picker
- 可自定义颜色
- Re-sizable fonts
如何使用
之后安装并激活插件，进入 WordPress 控制面板侧边栏的 Flexy Breadcrumb 区域：
常规设置提供了许多自定义选项。通过 Font Awesome 图标选择器，选择“主页文本”（路径前面的文本）并从免费图标目录中选择一个图标。
如果需要，您可以更改面包屑分隔符。只需键入“/”、“→”或您希望在路径中看到的任何其他标志。帖子类型层次结构可帮助您选择使用类别、日期或标签显示帖子的格式。
可以使用“排版" 部分以完全自定义面包屑路径的颜色。保存更改，您会看到它们已应用到您的站点。您还可以使用 (flexy_breadcrumb) 简码手动添加面包屑。
3. Yoast SEO
Yoast SEO
作者(s)：Yoast 团队
当前版本：12.0
最后更新时间：2019 年 9 月 3 日
wordpress-seo.12.0.zip
< p>98% 评级 193,644,818 下载 WP 4.9+ 要求
Yoast SEO 是一个功能强大的 WordPress 插件。这个插件以处理网站的页面搜索引擎优化而闻名，但你知道你也可以用它来为你的主题添加面包屑跟踪吗？ Yoast 是一个一体化的 SEO 解决方案，可以处理从 SEO 分析到 XML 站点地图和面包屑的所有内容。
功能
- 专为 SEO 设计
- 增加搜索曝光度
- 为 404 创建面包屑
- 完成页面优化
- 可替换的面包屑分隔符
如何使用
要在 WordPress 中启用面包屑，请转到 SEO -> 在您的 WordPress 中搜索外观仪表板。您会在屏幕的上半部分看到一个标有“面包屑”的标签。将“禁用”按钮向左滑动，这样面包屑就被启用了。
可以输入类型在博客上看到的定界符。 Yoast Breadcrumb Enabler 还将帮助您更改主页的锚文本（出现在路径中的那个）。除了这些功能之外，您还可以在此处更改网站 404 页面对话框的面包屑导航。
基于Trace的帖子分类可以使用类别、标签和格式级别来完成。如果您想归档特定类别的帖子，您也可以这样做。短代码有助于简化整个实施过程。
您可以手动将短代码添加到特定的帖子或页面：。或者，将以下代码（由 Yoast SEO 提供）复制并粘贴到您希望面包屑出现的主题中。
''
'); }
4. WooCommerce 面包屑
WooCommerce 面包屑
作者(s): Anthony Huoting
当前版本：1.0.5
最后更新：2019-05-09
woocommerce-breadcrumbs.1.0.5.zip
p>
90% Ratings 47,416Downloads WP 3.8+ Requirements
如果您刚刚创建了 WooCommerce 商店并想安装一些插件来增强动态功能；查看 WooCommerce 面包屑。
此插件可帮助您简单高效地管理 WooCommerce 面包屑。您可以通过更改周围的 HTML 来更改分隔符并显示未排序的列表。
功能
- 简洁的界面
- 简单的面包屑插件
- HTML 更改工具
- SEO 友好
如何使用
WooCommerce Breadcrumbs 是一个简单的 WordPress 插件。您可以通过转到“设置”->“WC 面包屑”并选中“启用面包屑”复选框来激活它。
您可以从plugin 接口更改面包屑路径之间的分隔符。您可以将 HTML 添加到 WooCommerce 路径以自定义对象的外观和位置。使用 wrap_before 和 wrap_after 为面包屑容器添加开始和结束代码。如果您使用的是 WooThemes，某些功能可能不可用。
面包屑
面包屑
作者：PickPlugins
当前版本：1.5.3
最后更新时间：2019 年 7 月 2 日
breadcrumb .zip
86% 评级 103,210 下载 WP 3.8+ 要求
Breadcrumb 是另一个免费的 WordPress 面包屑插件，已列入我们的列表。 Breadcrumb 将帮助您以最少的设置提供出色的导航。 Breadcrumb 插件将帮助您在整个站点的任何位置显示面包屑。只需在 WordPress 编辑器中添加提供的简码。
功能
- 自定义分隔符
- 可用简码
- 限制单词链接文本
- 完全可自定义的文本
- 额外的CSS集成
- 多种语言
如何使用
一旦bread安装好了crumbs，就可以使用了仪表板。常规设置可用于更改前导文本、管理分隔符文本和自定义最后一个分隔符。
可以根据word或字符管理显示限制。您甚至可以选择是否要在面包屑路径中显示“主页”。输入面包屑不适合的页面（例如，主页）。保存您的更改，您的面包屑路径已准备就绪，可以开始帮助访问者浏览您的网站。
也可以设置Select窗格中样式选项中的主题。此选项用于自定义面包屑路径的颜色、大小和设计。
要显示面包屑，您需要添加 (breadcrumb) 简码。
为了让你的trace轨迹看起来更高级，你可以使用custom CSS。
Together
WordPress 的各种面包屑插件使用户比以往任何时候都更容易创建自定义面包屑路径。网站所有者不再需要学习编码来实现此功能并获得面包屑的好处。
面包屑帮助人们浏览您的#WordPress 网站。 🙂 这 5 个 #plugins 将面包屑添加到 WP 点击推文
如果您经营 WooCommerce 商店并且只想要一个简单的插件来管理您的面包屑，请使用 WC Breadcrumbs。对于那些不想在网站上添加更多插件的人来说，Yoast SEO 是一个完美的选择。 Breadcrumb 和 Flexy Breadcrumb 是高度可定制的插件，用于添加自定义面包屑试验。
您对如何向 WordPress 添加面包屑有任何疑问吗？在评论中提问！
