用于直观网站导航的顶级 Drupal 8（和 9）模块

成功网站的秘诀是什么？ 好吧，我可以立即想到 10 多个因素。 比如有吸引力的设计、页面加载速度、内容质量、营销工作等等。 一个重要但经常被忽视的元素是直观的导航。 Drupal 8 有一组很棒的模块来改进您网站的导航结构。 我们策划了一个顶级 Drupal 8（和 9）模块列表，这些模块支持简单直观的网站导航。 请仔细阅读，找出答案。

良好的网站导航可以让网站访问者在登陆您的网站后立即确切地知道从哪里获取他们的信息。 相反，糟糕的网站导航会损害您的转化率并增加跳出率。 具有吸引力设计的网站并不总是意味着浏览它是直观的。 我见过设计普通但导航结构很好的网站。 我一直回到他们身边，因为我知道我可以得到我需要的东西而不会到处乱跑。 根据 CrazyEgg 的说法，拇指规则是用户点击次数不应超过 3 次才能找到他们需要的东西。

直观网站导航的元素

您的网站访问者应该能够顺利地从一个页面导航到另一个页面，而不会分心或困惑。 分心或困惑的用户会在您与他们建立联系之前离开您的网站。 拥有出色的设计固然很好，但如果您的访问者无法找到您的联系表格，那就没有意义了，是吗？ 那么，什么是好的导航结构呢？

1. 主导航栏

这是网站最关键的导航元素。 它是一个水平（有时是垂直）栏，列出了指向您网站周围访问者的链接。 一个好的主导航栏需要简单、简短、一致、有用和吸引人。

2. 面包屑

这些有用的导航辅助工具可帮助网站访问者确定他们的确切位置。 它们是从父页面开始到当前页面结束的一串链接，通常用“>”或“/”符号分隔。

3. 多栏菜单（和子菜单）

具有大量分支和子分支的更复杂的网站应该使用多列菜单。 同样，这些菜单应该简单且易于浏览。

4. 站点地图

通常被认为只是 SEO 助推器，站点地图作为导航辅助工具也非常有用。 典型的站点地图应该显示整个网站的层次结构。

5. CTA（号召性用语）按钮

这就是所有动作实际发生的地方！ 这些 CTA 按钮的正确放置在颜色、字体样式、大小、文本等其他因素中起着重要作用。

6. 侧边栏

这是添加特定于页面的链接以增强网站访问者的 UX 的好地方。 好的侧边栏应该简单，不要太长，包含 CTA 并适当排序。

7. 超链接

在这里，我们更多地谈论内部链接而不是外部链接。 超链接应该是直观的，并将访问者引导到他们期望的页面（请不要感到意外）。 尽管拥有内部链接对 SEO 有好处，但不要过度使用，否则您可能会失去对页面的关注。

8. 页脚

页脚很容易被忽略，通常仅用于显示版权详细信息。 人们不会滚动到页面末尾的神话现在已经破灭了。 典型的页脚应该包含您无法在页眉或侧边栏部分显示的链接。 它还可以包含您的联系方式以及邮件列表注册迷你表格。

用于直观导航的顶级 Drupal 8（和 9）模块

1. 菜单块

Drupal 8 Menu Block 模块的设计遵循 Drupal 的标准树形导航风格，但提供了比核心菜单模块中提供的功能更多的增强功能。 您可以轻松配置菜单链接块并指定要开始和结束的级别。 您可以显示的级别数量没有限制。 您可以选择保持子菜单元素处于展开状态。 此模块的一些基本功能已移植到 Drupal 8 核心。 菜单块模块也支持 Drupal 9。

2.简单的面包屑

Drupal 8 Easy Breadcrumb 模块的工作原理是从网页的当前 URL 中提取位置段。 它提供了大量的可配置选项，可以替换现有的 Drupal 面包屑模块​​。 您可以选择完全隐藏主页链接或任何其他指定的链接。 Easy 面包屑模块​​也支持 Drupal 9！

3. 超级鱼

Drupal 8 Superfish 模块是您拥有大型、多层、多列下拉菜单的理想选择。 该模块与 jQuery Superfish 插件集成，这是一个高度通用的菜单插件，适用于触摸屏、屏幕阅读器和其他键盘交互。 它可以配置为在鼠标移开、动画、隐藏和显示菜单链接、如果检测到子菜单时添加箭头等添加时间延迟。 它也与 Drupal 9 兼容。

4. 网站地图

Drupal 8 站点地图模块简单、干净且易于使用。 它可以以清晰的层次结构显示整个站点结构。 您还可以选择为博客和类别生成和显示 RSS 提要。 站点地图模块支持 Drupal 9。

5. 菜单项角色访问

此模块允许您向菜单添加访问控制。 您可以根据用户角色启用和禁用菜单项。 Drupal 8 菜单项角色访问模块允许您将角色字段（可选）输入到菜单项中。 它还支持 Drupal 9。

6. 芝士汉堡菜单

如果您认为汉堡包菜单很棒，请等到您查看芝士汉堡菜单。 Drupal 8 Cheeseburger 菜单模块具有一些很棒的功能，不仅限于移动视图，它还适用于桌面视图和各种屏幕尺寸。 它使您可以灵活地选择要出现在 Cheeseburger 菜单中的菜单项，还可以编辑菜单标题。 如果您使用 Drupal Commerce，您可以选择在菜单中显示购物车或商店电话号码。 可以选择分类法作为您的 Cheeseburger 菜单的结构。 Cheeseburger 菜单模块也支持 Drupal 9！

7. 简化菜单

Drupal 8 Simplify Menu 模块允许您在 Twig 模板中渲染菜单。 它允许自定义菜单标记，以实现可访问性并与标准兼容。 您可以将菜单树渲染为树枝模板中的数组，并完全控制菜单的数组。 此模块尚不支持 Drupal 9。

8. Total Control 管理仪表板

Drupal 8 Total Control Admin Dashboard 是一个有用的管理导航工具。 它充当所有管理工具的集中中心。 仪表板显示管理窗格和指向用户、分类、菜单、内容类型、站点统计信息、视图面板窗格等的快速链接。 可以进一步自定义视图面板窗格。 该模块也适用于 Drupal 9。

9. Footermap：一个页脚站点地图

顾名思义，Drupal 8 Footermap 模块为您的 Drupal 网站提供了一个站点地图，可以放置在页脚块中。 它允许动态生成站点地图，并且可以轻松配置为支持翻译和缓存。 您可以选择要显示的菜单、设置菜单级别限制（子菜单）、启用菜单标题、编辑 CSS 以匹配您的站点布局等等。 Footermap 模块也适用于 Drupal 9。