如何使用插件在 WordPress 中制作粘性侧边栏

如果您是此博客的常客，或者即使这是您第一次访问，您可能已经注意到博客侧边栏上的一些粘性元素？

其中之一是时事通讯订阅表格。

有时，我会用我想展示的其他重要元素来替换它。 就像在黑色星期五交易期间一样。 我在侧边栏上粘贴了黑色星期五的博客文章类别。

您可以使博客上的任何元素具有粘性，无论它是什么。 它可以是博客导航菜单、侧边栏项目、页脚菜单、浮动小部件等。

主要目标是使其始终对您的博客用户可见。

无论是向上还是向下滚动，粘性元素都会保持在原位并始终可见。 这有助于吸引对粘性项目的更多关注，提高转化率，提高参与度等。

但首先，特别是对于初学者，让我们定义什么是粘性侧边栏？ 为什么你需要在侧边栏上粘贴你的博客元素？

什么是 WordPress 中的粘性侧边栏？

WordPress 中的粘性侧边栏或固定侧边栏是在用户上下滚动网站网页时保持可见或保持在某个位置的侧边栏元素。

它可以提高号召性用语的参与率，提高转化率，并改善整体用户体验。

例如，粘性侧边栏可确保用户快速访问您的重要消息。

用户无需滚动回顶部以单击所需的侧边栏菜单，而是可以快速找到侧边栏项目并单击真正重要的内容，而无需向上滚动页面。

为什么要在博客上实现 Sticky SideBar？

在上一节中，我已经谈到了在您的网站上实施粘性侧边栏的好处。 但值得在这里走得更远一点。

作为一个在他的博客上有过粘性侧边栏实践经验的人，我可以从我自己的经验中告诉你更多它的好处。

首先，无论您在博客上添加什么元素，任何访问您网站的人都可以随时看到该元素。

有了这个，您将更多地关注该特定元素。 所以你必须优先考虑你需要做的事情。

此外，当用户访问您的网站时，您希望确保他们能够快速访问您最重要的信息/页面/内容等。您可以通过将这些重要元素粘在页面上来实现这一点。

这有助于提高用户参与度、提高转化率、提高知名度等……

但是，我不建议在同一个网站位置设置太多的粘性元素。 例如，在侧边栏上，最大推荐应该是两个粘性元素。

如果您有太多的粘性元素在同一个地方争夺注意力，那么您最重要的信息不会获得更好的转化率。

我只有搜索框和博客时事通讯订阅表格粘在这个博客的侧边栏上。

博客时事通讯订阅表单是侧边栏上最重要的元素。 正如你所看到的，我确保它在那个地方得到了整体的关注。

这是因为构建电子邮件列表位于优先级列表的顶部。

如何使用 WordPress 插件制作粘性侧边栏

与其他博客平台相比，WordPress 的优势之一是能够在不知道如何编码的情况下快速启用您想要的博客功能。

无论您想向 WordPress 博客添加什么功能，都有一个插件。 您只需要安装、激活和启用/配置设置。

这就是使 WordPress 成为当今世界领先的内容管理系统的原因。 一个庞大的开发者社区很好地支持它。

WordPress 插件使您可以非常轻松地在您的博客上粘贴任何元素。 不需要编码知识。 您只需要安装和激活。

但是，为该任务找到合适的 WordPress 插件可能是一种乏味的搜索体验。 您可能会花费数小时寻找合适的插件。

所以我打算在这里做的是省去你的猜测。

今天有很多 Sticky Sidebar WordPress 插件，但我发现My StickySidebar WordPress 插件非常易于使用和配置。

我的 StickySidebar WordPress 插件可让您在几分钟内轻松设置粘性侧边栏元素。 您可以使用 My Sticky Sidebar 插件在 WordPress 中创建一个粘性浮动侧边栏小部件。

它使过程变得简单，即使对于初学者也是如此。

安装我的 StickySidebar 插件

设置粘性侧边栏项目需要做的第一件事是安装插件。 之后，你激活它......

这是 WordPress.org 插件存储库上 MyStickySidebar 的链接。 从 WordPress.org 或您的 WordPress 管理区域下载插件。

安装激活后，需要打开设置页面配置插件。

您需要找到两个 CSS 元素类或 ID。

您要使其具有粘性的边栏元素，以及边栏元素中包含的容器元素类或 id。

在侧边栏元素 CSS 类或 ID 字段中，您需要输入要使其具有粘性的侧边栏元素类或 ID。

如果您选择查看页面源代码以查找侧边栏元素 CSS 类或 ID，则可能会很乏味。 您可以通过页面源代码找到它，但是通过源页面查找类 id 需要一些技术技能。

但是，您可以在这篇文章中了解如何查找 CSS 类或 id。

找到 CSS 类或 id 后，您需要在字段中输入值，如上图所示。

然后向下滚动页面以单击“保存”按钮。

其他设置

您可能需要查看其他设置，例如页边距的顶部和底部。 您可以在此处定义 Pixel 中的顶部和底部边距。

此外，如果用户的屏幕宽度小于 xxx 像素，您可以将规则设置为禁用。

添加自定义 CSS 样式

如果您使用的是付费版本的 MyStickySidebar，您可以编辑 CSS、添加或完全创建自定义 CSS。

如果您擅长编码并且知道自己在做什么，这些额外的功能会很有用。

可以选择在选定页面上禁用 MyStickySidebar。 这是为了以防您不希望某些页面上的粘性侧边栏。

在对默认设置进行任何更改后，请记住始终点击页面下方的保存按钮。

结论…

您可能希望在侧边栏上设置粘性元素的原因有很多。 不管是什么，请确保您不会中断博客上的用户体验。

如果做得好，粘性侧边栏应该可以改善用户体验，并将您的重要信息带到观众视野的最前面和中心。

我的 Sticky Sidebar 是最好的免费 WordPress Sticky 插件之一，您可以使用它来实现您的目标。