如何在 WordPress 中添加粘滞侧边栏浮动小部件

您是否曾经访问过网站,并看到边栏元素在滚动时跟随您? 这些是粘性浮动小部件,可提高点击率和转化率。 这就像提醒访问者重要的网站元素一样。

最好的部分是,添加粘性侧边栏浮动小部件到WordPress并不难。 您无需知道编码,即可立即实现它。

本教程将向您展示添加 WordPress 粘滞小部件的简单方法。 只需一会儿,即可为您的网站增加灵活性。

使用粘性边栏小部件

粘性侧边栏小部件在访问者向下滚动您的网站时将信息保留在原位。 如果您希望始终查看新闻稿或电子邮件订阅链接之类的内容,这非常有用。

使某些元素对访问者可见可能会增强交互。 如果您在阅读网页时随身携带,则忘记边栏中的重要事情会更加困难。

这是 粘性帖子在这方面,这不仅仅是您希望在网站访客面前保留的内容。 边栏有很多用途,如果随时可用,通常鼓励您根据小部件的内容采取行动。

Q2W3 使用固定小部件

在本教程中, Q2W3 固定小部件插件这是一个流行的工具,有超过100,000个活动安装和非常简单的界面。 它可能是WordPress最好的粘性小部件插件之一。

安装并启用 Q2W3 固定小部件插件。

固定小部件选项

Q2W3 提供了一些高级设置,可用于自定义浮动粘滞小部件在您的网站上的工作方式。

[外観]转到[固定ウィジェットオプション]单击。

固定小部件选项

在此屏幕上,您可以更改插件的行为。 例如,您可以设置边距,或在检测到特定高度或宽度时自动禁用插件。 这对于从移动设备查看网站的人来说非常有用。

例如,如果 文字新闻的最佳响应式主题 创建一个伟大的网站。 但是,某些元素无法很好地转换为移动设备。 如果您有这样的边栏控件,我们建议您限制像素宽度并禁用固定小部件。

您还可以更改 jQuery 兼容性设置、仅更改登录用户或添加自定义 HTML ID。

调整完成后,单击[変更を保存]单击该按钮。

保存更改

Q2W3 使用固定小部件

与访客一起浮动侧边栏非常简单。 转到“外观”,然后单击“微件”。

文字新闻小部件

单击边栏小部件以展开其设置。

边栏小部件

在底部,您将看到新的可用选项。 单击“固定小部件”复选框。

固定小部件

单击“保存”按钮以提交更改。

保存小部件

当访问者滚动浏览网站时,其单个小部件将保持可见。

此插件可以“修复”多少个小部件?

Q2W3 适用于所有这些问题,因此您可以根据需要启用任意数量的 Q2W3。 它们不必按顺序,系统会自动收集标记为固定小部件的段。

边栏中的文本内容是否重叠?

也许这个工具最大的缺点之一是文本有时在边栏中重叠。 例如,如果[最近の投稿],但可以使类别的文本列表在滚动时看起来重叠。 但是,浮动小部件中的链接是唯一处于活动状态的链接,因此,如果存在浮动边栏元素,则无法单击背景链接。

相反,边栏元素(如视频和图像)位于文本内容的顶部。 这意味着在滚动时看起来完美无瑕。

热门视频

如果有许多边栏小部件使用透明背景,则使用此插件可能会导致问题。 但是,如果您真的喜欢使用此插件是多么容易,有很多方法可以解决此问题。

也许最好将固定小部件限制为 ha 元素,并使用实体背景而不是文本,如横幅、图形或视频。 这样可以防止单词相互重叠,如上图所示。

要考虑的其他插件

Q2W3 是最简单的浮动小部件之一,使用 WordPress 插件,但仅此而已。 这里有一些你认为你可能要考虑的。 当涉及到自定义和其他功能时,有些功能非常广泛。

广告插入器

广告插入器

广告插入器 更受欢迎的方式 管理帖子中的广告但是,它还包括创建固定边栏小部件的功能。 这有助于您创建强大的系统,以便在您的网站上营销产品、服务等。 免费版本附带了令人难以置信的许多功能,包括自定义 CSS、广告插入,当然还有粘性小部件。

滚动粘性菜单(或任何东西!

滚动时的粘滞菜单

滚动粘性菜单(或任何东西! 这是一个插件,允许用户从几乎任何WordPress的东西创建粘性元素。 这包括菜单、徽标、按钮和边栏小部件。 这有点复杂,因为它需要对 HTML 和 CSS 开发有基本的了解。 但是,它为在您的网站上创建浮动元素提供了令人难以置信的可能性。

提高转化率

一个好的粘性侧边栏WordPress插件可能意味着访问者和销售或潜在客户转换之间的所有差异。 通过保持网站的特定方面清晰,这些元素保留在访问内容的人的脑海中。 这只是营销内容的简便方法,无需单击小部件复选框即可添加更多内容。

您如何引导网站访问者与内容进行交互? 您想为客人“粘”什么元素?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何在 WordPress 中修剪帖子的缩略图

2022-10-9 15:08:10

WordPress 教程

如何为 WordPress 创建弹出式登录

2022-10-9 17:09:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索