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

文章撰写者:
  • WordPress
  • 更新:Sep 13,2017

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

出于这个原因,许多网站都使用浮动共享栏。 这些侧边栏始终可见,方便访客。 它增加了访问者分享内容的可能性。

同样,网站管理员倾向于在网站最易访的部分提供最佳内容。 这样可以随时保持游客的视觉范围。

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

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

可以添加到浮动侧边栏的一些很好的示例,请查看 WHSR关于社交媒体安全的帖子.

案例

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

在提供您的电子邮件地址时授予访问电子书的权限。 因此,我们不仅为您提供电子书,而且还订阅了我们的博客。 换句话说,它是一个浮动订阅表单。

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

所以,让我告诉你如何利用一个漂亮的小插件来利用浮动侧边栏的力量, Q2W3固定的Widget.

Q2W3固定的Widget

q2w3

一旦你安装并激活了插件,实际安装就很容易了。

1。 打开外观>小部件。

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

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

WidgetsSettingsQ2W3

结果如下:

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

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

SettingsQ2W3

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

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

1。 将文本小部件添加到侧边栏。

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

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

使用任何其他插件,您可以添加功能到您的网站,并通过将他们的短代码添加到您添加到侧边栏的文本小部件,使其高度可访问。 此外,您可以向Text Widget添加自定义HTML或JavaScript。

最后的思考

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

现在,请看本文的右侧。 我们有我们的订阅表格和指南,可以帮助您的博客努力,请订阅,我们的所有帖子将到达您的邮箱。

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

关于毗湿奴

Vishnu是一名夜间自由撰稿人,白天担任数据分析师。