您想在 WordPress 中创建粘性浮动导航菜单吗?

顶部导航菜单通常包含指向所有最重要页面的链接。通过使此菜单具有粘性,您可以在用户向下滚动页面时将其保留在屏幕上,因此始终可以轻松访问。

在本文中,我们将向您展示如何轻松地将粘性浮动导航菜单添加到您的 WordPress 网站。

什么是粘性浮动导航菜单?

当用户向下滚动时,粘性或浮动导航菜单会“粘”在屏幕顶部,因此它始终显示在屏幕上。

通常,WordPress 中的顶部导航菜单包含指向您网站最重要内容的链接。通过使此菜单具有粘性,访问者可以随时单击这些链接,而无需滚动。

如果您经营一家在线商店,那么顶部导航菜单通常包含指向旨在传达信息的页面的链接。rt,例如结帐页面和客户购物车。通过使顶部菜单具有粘性,您通常可以降低购物车放弃率并获得更多销售额。

话虽如此,让我们看看如何在任何 WordPress 主题或 WooCommerce 商店中轻松创建粘性浮动导航菜单。只需使用下面的快速链接跳转到您要使用的方法:

  • 方法 1:使用主题设置添加粘性菜单(简单)
  • 方法 2:使用插件添加粘性导航菜单(推荐)
  • 方法 3 : 使用代码添加粘性浮动导航菜单

方法 1:使用您的主题设置添加粘性菜单(简单)

一些最好的 WordPress 主题内置了对粘性导航菜单的支持。话虽如此,值得检查您的主题设置,方法是转到 WordPress 仪表板中的主题 » 自定义并查找任何标记为“菜单”的设置。

如果您不确定您的主题是否支持粘性菜单,那么您可以查看主题的文档,甚至联系开发人员寻求帮助。有关详细信息,请参阅我们有关如何正确请求 WordPress 支持并获得支持的指南。

如果您的主题没有对粘性菜单的内置支持,那么您需要使用下面的其他方法之一。

方法 2:使用插件添加粘性导航菜单(推荐)

在 WordPress 中添加粘性导航菜单的最简单方法是使用 Scroll 上的粘性菜单(或任何内容!)。这个插件可以让你粘任何东西,包括菜单。

首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,转到设置»粘性菜单(或任何东西!)。

首先,您需要使用浏览器的检查工具获取要设置粘性的导航菜单的 CSS ID。

只需访问您的网站并将鼠标悬停在导航菜单上即可。之后,只需右键单击并从浏览器菜单中选择“检查”即可。

这将在浏览器中打开一个新面板,您可以在其中查看导航菜单的源代码。

您需要找到与菜单或站点标题相关的代码行。它看起来像这样:

By

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注