如何将浮动侧边栏添加到 WordPress 网站

如何将浮动侧边栏添加到 WordPress 网站


当您希望让读者始终可以访问网站的特定方面或部分时,浮动侧边栏会派上用场。 因此,确保最大可访问性背后的想法是,用户几乎总能看到浮动侧边栏中呈现的任何内容。

正是出于这个原因,许多网站都采用了浮动共享栏。 这些侧边栏始终对访问者可见且易于访问。 它增加了访问者分享您的内容的可能性。

同样,网站管理员倾向于将他们最好的内容放在网站最容易访问的部分。 这样可以始终将您想要的东西保持在访问者的视野范围内。

需要帮助调整您的 WordPress 网站?
WHSR 现在与 Codeable.io 合作,为需要专业 WP 开发/定制服务的用户提供帮助。

要获得免费报价,请填写此申请表。

可以添加到浮动侧边栏的一个很好的例子,查看 WHSR 在社交媒体安全上的帖子。

例子

在这种特殊情况下,Jerry 将向访问者提供一本关于如何成功启动和运行博客的电子书。 我们相信这是 WHSR 可以提供的最有价值的指南之一。 而且,我们希望每位访客都能注意到这一点。

提供您的电子邮件地址后,即可访问电子书。 因此,我们不仅为您提供电子书,而且还为您订阅我们的博客。 换句话说,它是一种浮动订阅形式。

WHSR 上的浮动订阅表格对于 WP 新手来说很难复制。

那么,让我向您展示如何通过一个漂亮的小插件 Q2W3 Fixed Widget 来利用浮动侧边栏的力量。

Q2W3 固定小部件

q2w3

安装并激活插件后,将其安装到位实际上非常容易。

1. 打开外观 > 小部件。

2. 您会看到侧边栏选项,侧边栏的数量取决于您选择的主题。

3. 选择固定小部件选项,您就完成了。 特定的小部件将留在原地。 看看下面的截图,我已经在我的侧边栏上修复了最近的帖子和类别。

小部件设置Q2W3

结果:

您还可以使用插件进行一些自定义。

  • 边距可以调整
  • 刷新间隔和最大宽度可以给定一个特定的值
  • 插件选项可以帮助确保与您的主题的兼容性。 一个例子是从父容器继承宽度的能力——这可能会根据屏幕大小在响应式主题中发生变化。

设置Q2W3

创建粘性订阅表格和浮动共享栏

如果您想创建任何其他类型的浮动侧边栏,也有允许这样做的插件。 例如,如果您想在侧边栏中添加浮动分享栏或订阅表单,请找到订阅表单插件或社交分享插件。

1. 在侧边栏添加一个文本小部件。

2. 将适当的短代码(由插件提供)添加到文本小部件,您将拥有一个粘性分享栏。

效果类似于下面的视频,他们创建了一个浮动分享栏。

使用任何其他插件,您可以将功能添加到您的站点,并通过将它们的简码添加到您添加到侧边栏的文本小部件来使它们具有高度可访问性。 此外,您可以将自定义 HTML 或 JavaScript 添加到文本小部件。

最后的想法

明智地使用浮动侧边栏并最大化订阅者的数量或社交分享/数量或您选择使用插件的任何其他功能。

现在,看看这篇文章的右边。 我们有我们的订阅表格和指南,可以帮助您的博客努力,请订阅,我们所有的帖子都会到达您的邮箱。

如果您使用其他插件、hacks 或代码来创建浮动侧边栏,我很乐意在评论部分听到它。

Leave a Comment