你想创建一个浮动的侧边栏小部件,当你向下滚动时会粘住?
滚动时粘在屏幕上的浮动元素非常引人注目,并且往往比静态对象具有更高的点击率和转化率。这就是为什么许多网站在其整个网站中使用浮动元素的原因。
在本文中,我们将向您展示如何在 WordPress 中创建粘性浮动侧边栏小部件。
为什么要创建粘性浮动侧边栏小部件?
当用户向下滚动页面时,粘性浮动侧边栏小部件会停留在用户的屏幕上,让您的网站访问者有更多机会注意到它并点击它。您可以使用它来构建电子邮件列表、产品促销、分享热门帖子、显示最近的推文或 Instagram 帖子,以及您喜欢的任何其他内容。
这可以帮助您使侧边栏更加突出,并将重要信息保留在访问者面前。
例如,您可以让用户看到您的时事通讯注册表单,以便他们有更多注册机会。或者,您可以炫耀您最重要的页面并让访问者留在您的网站上。
如果您有电子商务商店,那么您可以使用粘性侧边栏来展示您的热门产品或促销优惠以增加销售额。
也就是说,让我们看看如何在WordPress 网站上创建一个粘性浮动侧边栏。
在 WordPress 中添加粘性浮动小部件
您可以使用WordPress 的 Q2W3 固定小部件轻松创建在滚动时粘住的浮动小部件。
这是一个免费的WordPress 插件,非常易于使用。该插件可帮助您将任何小部件粘贴在您的网站上,因此当用户上下滚动页面时,小部件会与他们保持一致。
在本文中,我们将向您展示如何使用基于版本块的小部件和经典的 WordPress 小部件。
WordPress基于块的小部件中的粘性浮动侧边栏
如果您使用的是 WordPress 5.8,那么您将拥有基于块的小部件。小部件屏幕将使用块编辑器在您的网站上编辑或添加新的小部件。
要使侧边栏小部件具有粘性,您需要Q2W3 Fixed Widget for WordPress version 6.0 beta 3。只需向下滚动到 Changelog 部分,然后单击“版本 6.0.0,beta 3”链接即可下载插件。我们在我们的演示网站上测试了该插件,它运行良好。
接下来,您需要在您的网站上安装并激活适用于 WordPress 版本 6.0 beta 3 的 Q2W3 Fixed Widget。有关更多信息,请参阅我们的关于如何安装 WordPress 插件的指南。
激活后,您可以从 WordPress 管理区域转到外观 » 固定小部件选项。
接下来,您需要单击“测试新版本”框以启用该选项,然后向下滚动以单击“保存更改”按钮。
之后,您可以从 WordPress 管理面板转到外观 » 小部件,然后单击“+”加号按钮以添加您想要粘贴的小部件块。
对于我们的教程,我们在侧边栏小部件区域中添加了Smash Balloon 的自定义 Twitter 订阅源,以显示来自我们 Twitter 频道的最新推文。Smash Balloon 是最好的社交媒体 WordPress 插件,可让您轻松地在 WordPress 中显示社交媒体内容。
您可以查看我们的指南,了解如何在 WordPress 中显示最近的推文以获取更多详细信息。
接下来,您可以选择您的小部件,然后在右侧菜单中更改“固定小部件”设置。
只需选择“修复小部件”选项即可使浮动侧边栏粘在屏幕上。
接下来,您可以访问您的实时站点并向下滚动任何页面或博客文章。您的固定小部件现在将成为粘性浮动小部件。
经典 WordPress 小部件中的粘性浮动侧边栏
如果您使用的是WordPress 5.8之前的版本或 Classic Widgets 插件,那么这就是您需要使用的方法。
您需要做的第一件事是安装并激活 WordPress 插件的 Q2W3 Fixed Widget。如果您需要帮助,请参阅我们的关于如何安装 WordPress 插件的指南。
激活插件后,您可以从 WordPress 仪表板转到外观 » 固定小部件选项并配置插件。
在此页面上,您可以设置边距、添加 HTML ID、更改刷新间隔,甚至可以禁用手机和平板电脑等较小屏幕上的固定小部件。
还有为登录用户启用插件和其他兼容性设置的选项。
进行更改后,只需向下滚动并单击“保存更改”按钮。
接下来,您可以导航到外观 » 小部件,然后选择要使其具有粘性的小部件。
该插件在所有小部件中添加了“固定小部件”选项。您所要做的就是检查固定小部件框并单击“保存”按钮来存储您的更改。
而已!
我们希望本文能帮助您了解如何在您的 WordPress 网站中创建粘性浮动侧边栏小部件。您还可以查看我们的指南,了解如何为小型企业启动播客和最佳薪资软件。