如何改进 WordPress 导航菜单

已发表: 2023-11-22

结构良好且组织良好的导航菜单对于任何网站都是必不可少的。 它允许访问者快速找到他们正在寻找的内容,从而改善他们的整体浏览体验。 在本教程中,我们将讨论增强和改进 WordPress 网站导航菜单的各种技术。

目录

1.利用自定义菜单和外观菜单屏幕

WordPress 提供了名为“自定义菜单”和“外观菜单屏幕”的内置功能,可让您在网站上定义导航菜单。 此功能易于使用,使您能够创建链接到您网站或其他外部网站内的页面、帖子、类别的自定义菜单。 通过利用此功能,您可以完全控制导航菜单的结构和内容。

2. 将面包屑添加到 WordPress 导航

面包屑是一种有用的导航工具,它为用户提供了返回网站起始点或入口点的路径。 它们通常水平显示在网页顶部、标题栏或标题下方。 面包屑由代表站点层次结构的链接组成。

要将面包屑添加到 WordPress 导航中,您可以使用 BreadCrumb NavXT 或 Smart Breadcrumbs 等插件。 这些插件允许您自定义站点上面包屑的外观和功能。

3. 自定义 WordPress 下一个和上一个链接

默认情况下,WordPress 在每个页面的底部显示“<<下一页”和“上一页>>”链接。 然而,这种导航方法对于用户来说效率较低,因为他们必须多次单击才能访问特定页面。

为了改进导航并提供更加用户友好的体验,您可以使用 WP-PageNavi 或 WP-Page Numbers 等插件。 这些插件创建一个页面链接列表,其中包含跳转到特定页面的选项,使访问者可以更轻松地浏览您的内容。

4. 将下一个和上一个链接添加到 WordPress 单页

虽然上述插件改进了多个页面的导航,但它们可能不适用于单个帖子。 但是,您可以修改主题的“single.php”文件以显示上一篇和下一篇文章的链接标题。

通过将以下代码添加到“single.php”文件中,您可以显示上一篇和下一篇文章的突出链接:

 <div> <div><?php previous_post_link('&laquo; Post before this: %link') ?><br /></div> <div><?php next_post_link('%link &raquo; Post After This') ?></div> <div></div> </div>

根据您的主题设计自定义代码,以使上一篇和下一篇文章的链接对访问者来说更加明显。

5.根据用户角色限制对某些页面的访问

如果您想根据用户角色隐藏特定页面、帖子、自定义帖子类型或类别,可以使用“WordPress 按用户角色划分的页面”插件。 该插件允许您根据用户的角色限制对内容的访问,在用户未登录时从搜索结果和菜单中删除页面或类别。

通过利用此插件,您可以为不同的用户角色创建更加个性化和有针对性的导航体验。

6. 自定义主页和其他页面的摘录

摘录是您帖子的简短摘要,鼓励读者单击“阅读更多”链接来访问完整内容。 默认情况下,可以在帖子内容框下方的“摘录”框中添加摘录。

要在主页上创建摘录,您可以使用主页摘录等插件。 此外,您可以修改主题中的“循环”,并将所有其他页面上的“_content”更改为“_excerpt”。

通过自定义摘录的使用,您可以为访问者创建更具吸引力和信息丰富的导航。

7. 在 WordPress 中实现多页面导航

对于较长的帖子或文章,将内容拆分为多个页面可能会很有帮助。 WordPress 提供了使用下一页按钮或<!--nextpage-->快速标签创建多页帖子的功能。

要增强多页面导航,您可以使用多页面工具包插件。 该插件扩展了多页帖子的功能,允许您为每个页面创建标题,提供不同的分页选项(上一个和下一个链接,页面标题链接,编号链接),并显示帖子的总页数。

8. 在内容后显示相关帖子

在帖子内容之后显示相关帖子可以显着提高用户参与度并鼓励访问者探索更多内容。 有几个插件可用于自动插入相关帖子块。

“我的相关帖子”和“另一个相关帖子插件 (YARPP)”等插件提供了根据各种条件显示相关帖子的选项,并允许您自定义相关帖子部分的外观。

9.展示热门帖子和帖子浏览量

展示您最受欢迎的帖子可以吸引访问者并让他们与您的网站保持互动。 “WP Post Views”插件提供了一个侧边栏小部件,可显示您最常查看的帖子。 通过使用此插件,您可以轻松展示您最好的内容并鼓励访问者进一步探索您的网站。

10.使用插件扩展导航功能

WordPress 提供了大量插件,可以增强和扩展导航菜单的功能。 一些值得注意的插件包括:

  • ConMe:该插件使您能够创建和管理内容组,从而可以轻松对 WordPress 内容进行分类和设置样式。
  • 简单的自定义内容类型:一个插件,可以简化自定义帖子类型、分类法和元框的创建,无需复杂的编码。
  • WordPress 内容类型管理器:该插件允许您轻松创建自定义帖子类型、自定义分类法、自定义字段、自定义短代码和自定义主题选项。
  • WP Pre-Advertisement:该插件允许您在显示实际帖子内容之前显示广告,为您的网站提供额外的获利选项。
  • 帖子验证器:一个插件,可通过在发布前验证帖子来帮助确保帖子的质量,对于多作者网站特别有用。
  • 高级精选帖子滑块:该插件允许您创建展示内容的滑块,并具有各种布局和自定义选项。

11.使用图像增强类别导航

将图像分配给类别名称可以增强导航菜单的视觉吸引力。 您可以用类别图像替换文本,使其在视觉上对访问者更具吸引力。 Category Icons 或 Category Icons Lite 等插件使您可以将图标分配给类别,这些图标将显示在导航菜单中类别标题的旁边。

12.自定义侧边栏导航

自定义侧边栏导航可以提供额外的导航元素并提供更量身定制的用户体验。 您可以探索各种选项,例如列出自定义帖子类型、创建自定义菜单或利用 iFrameWidgets 等插件来自定义您的 WordPress 侧边栏。

13. 自定义 WordPress 管理菜单

WordPress 管理菜单可以自定义,以改善网站管理员的用户体验。 像友好管理菜单这样的插件提供了一个更符合逻辑且易于使用的带有大图标的选项卡式界面,使您可以更轻松地浏览管理仪表板并访问基本设置。

结论

通过遵循这些技术并利用建议的插件,您可以显着改进 WordPress 网站的导航菜单。 结构良好且用户友好的导航菜单可以增强访问者的整体浏览体验,保持他们的参与度并鼓励他们探索更多内容。

常见问题解答:改进导航菜单

如何自定义 WordPress 中的导航菜单?

要自定义 WordPress 中的导航菜单,请按照下列步骤操作:

1. 登录您的 WordPress 管理仪表板。
2. 转到“外观”并选择“菜单”。
3. 单击“创建新菜单”链接创建新菜单。
4. 为您的菜单命名,然后单击“创建菜单”按钮。
5. 要将项目添加到菜单,请从左侧选择所需的页面、帖子或自定义链接,然后单击“添加到菜单”按钮。
6. 通过将菜单项拖放到所需的顺序来排列菜单项。
7. 要创建子菜单,请将菜单项稍微向右拖动到另一个菜单项的下方。 这将使其成为子菜单项。
8. 通过单击每个菜单项旁边的向下箭头并修改“导航标签”字段来自定义菜单项标签。
9. 通过选中“菜单设置”部分下所需位置旁边的框来设置菜单位置。
10. 单击“保存菜单”按钮保存更改。

就是这样! 您的导航菜单现在应该根据您的喜好进行自定义。

如何改进我的导航栏?

要改进导航栏,请考虑以下步骤:

1. 保持简单:将菜单项的数量限制为最重要的项目。 杂乱的导航栏可能会让用户感到困惑,并使他们更难找到所需的内容。

2. 使用描述性标签:确保您的菜单项具有清晰简洁的标签,能够准确地表示它们链接到的内容或部分。 避免使用“产品”或“服务”等通用标签,并且要具体。

3. 确定重要页面的优先级:将最重要的页面或部分放在导航栏的开头。 用户倾向于关注导航栏的左侧,因此那里的重要项目更有可能被看到和点击。

4. 确保轻松访问:确保您的导航栏在网站的所有页面上显着显示且易于访问,最好位于页面顶部。 用户不必搜索它或滚动即可找到它。

5. 针对移动设备进行优化:确保您的导航栏具有响应能力并且在移动设备上运行良好。 考虑使用汉堡菜单或其他适合移动设备的导航模式,在较小的屏幕上提供流畅的用户体验。

6. 谨慎使用下拉菜单:如果您有大量子页面或部分,请使用下拉菜单来组织它们。 但是,请避免有太多嵌套级别,因为它会使导航变得复杂且令人难以承受。

7. 提供搜索功能:考虑在导航栏中添加搜索栏,以便用户在通过菜单找不到特定内容时可以快速搜索特定内容。

8. 测试和分析:持续监控用户行为并进行A/B测试以优化您的导航栏。 关注用户反馈并做出相应调整。

请记住,精心设计的导航栏可以极大地增强用户体验并提高网站的整体可用性。

什么是好的导航菜单?

一个好的导航菜单应该是:

– 清晰直观:确保菜单标签具有描述性且易于理解,使用户能够快速浏览您的网站。
– 简洁:将菜单项的数量保持在最低限度,最好少于 7 个,以避免用户不知所措。
– 一致:在网站的所有页面上保持相同的导航结构,以提供一致的用户体验。
– 可见:将导航菜单放在显眼的位置,例如标题或侧边栏,确保在每个页面上都可以轻松访问。
– 移动设备友好:通过使用响应式设计或实施易于在较小屏幕上使用的移动菜单,优化移动设备的导航菜单。
– 搜索引擎友好:使用基于文本的链接而不是基于 JavaScript 或 Flash 的菜单,以确保搜索引擎可以抓取并理解您的导航。

如何在 WordPress 中创建动态导航菜单?

要在 WordPress 中创建动态导航菜单,请按照下列步骤操作:

1. 登录您的 WordPress 管理面板。
2. 进入“外观”->“菜单”。
3. 单击“创建新菜单”并为其命名。
4. 从左侧列中选择要添加到菜单的页面、类别或自定义链接。
5. 拖放项目以按所需顺序排列它们。
6. 要使菜单动态化,请选中“自动添加新的顶级页面”选项。 这会在创建新页面时自动将其添加到菜单中。
7. 添加完所有项目后,单击“保存菜单”按钮。
8. 要在您的网站上显示菜单,请转到“管理位置”选项卡。
9. 从“主菜单”位置的下拉列表中选择所需的菜单。
10. 单击“保存更改”按钮。

您的动态导航菜单现在将显示在您的 WordPress 网站上,并且任何新的顶级页面都会自动添加到菜单中。