如何在 2022 年添加 WordPress 侧边栏 + 最佳实践

已发表: 2023-04-07

侧边栏显示不属于主要内容的信息,使您能够组织内容并使其更具吸引力。

什么是 WordPress 中的侧边栏?

WordPress 侧边栏是一种主题功能,通常显示在左侧或右侧的垂直列中; 您还可以在主要内容下方或上方的矩形中水平自定义侧边栏。

WordPress页面剖析

此外,侧边栏对于设计 WordPress 布局至关重要; 例如,您可以使用边栏列出最近的文章和评论、热门文章和页面的列表,甚至可以显示广告。

WordPress 侧边栏的用途是什么?

一旦决定添加侧边栏,您需要确保它与以下方面相关且有意义:

  • 帮助人们找到他们正在寻找的部分
  • 获取线索
  • 通过广告增加收入

什么是粘性侧边栏?

粘性或浮动侧边栏是一种可以锁定到位的小部件,因此它始终在屏幕上并且永远不会消失,即使用户向下滚动也是如此; 此小部件可用于您希望随时访问的信息。

WordPress 侧边栏; 左还是右?

有些人认为添加侧边栏的最佳位置是页面的右上角; 既然我们是从左到右阅读的,自然而然,页面的右上角是一个不容忽视的地方。 不过,您可以尝试一下,看看哪一方表现更好,或者在您的 WordPress 网站上运行 A/B 测试。

如何通过 3 个简单步骤在 WordPress 中创建侧边栏

有多种方法可以创建 WordPress 侧边栏; 我们在这里列出了三个最受欢迎的。 您可以创建一个 WordPress 侧边栏:

1.使用块编辑器

使用站点编辑器是添加侧边栏的最简单方法; 但是,您需要使用高于 5.9 的 WordPress 版本和基于块的主题。 使用块编辑器添加侧边栏有两种可能的方法:

使用块模式

块模式是预定义块的模板,您可以对其进行编辑以满足您的目的。 要向您的 WordPress 添加块模式,您应该单击外观 > 站点编辑器 > 加号 (+) 图标 > 模式 > 侧边栏 > 浏览,然后您可以看到所有可用的模式。

从头开始创建

WordPress 添加侧边栏的另一种方法是手动设置所有内容; 为此,您应该创建一组块,其中包含用于查询循环和侧边栏的列。 要从头开始创建侧边栏,您应该打开 Sire 编辑器 > 加号 (+) 图标 > 组 > 列,然后您必须选择一个列变体; 以防万一,建议左侧边栏为 30/70,右侧边栏为 70/30。

Ccqiw2RZcn9ao7pbpQ1DHZbEXIU6WnY4ARzDyXOPbBTf5FC0ssFLOrkKscLvg2pDYiEOQRQa06b5jqQK81xuLda2369YaOsTicHrbuPX86ysp6sGX7Y7

2. 使用小部件

使用小部件为 WordPress 添加侧边栏是技术较少的用户的更好选择,因为不需要太多处理代码。 小部件可以放置在不同的区域,例如页眉、页脚或侧边栏。 要通过小部件添加 WordPress 侧边栏,您需要登录到您的 WordPress 仪表板 > 外观 > 小部件,然后您可以在左侧看到可用的 WordPress 小部件列表,在右侧看到小部件块。

3. 使用 WordPress 定制器

您可以使用 WordPress 自定义侧边栏来自定义 WordPress 主题的元素,例如菜单、主页设置和小部件。 根据主题,您可以添加多个侧边栏,这些侧边栏可以放在您喜欢的任何位置; 并非所有主题都允许此功能。

十大 WordPress 侧边栏插件

WordPress 为其用户提供了许多小部件插件和功能来改进侧边栏的功能。 我们在这里列出了您可能想要添加到您的网站的最有用的小部件。

1.WP表格

WPForms 是适合初学者使用的最直接的 WordPress 联系人插件,它带有自定义的侧边栏和小部件区域,具有拖放选项,您可以轻松创建任何您想要的类型。

2. SiteOrigin 小部件包

SiteOrigin Widget Bundle 提供了许多特色小部件,包括号召性用语按钮、图像小部件、Google 地图小部件、价格表小部件等。 您可以检查此插件中的所有小部件并选择要使用的小部件; 然后,您可以启用它们。 这个插件是免费的,适合所有类型的网站。

3.元素临

Elementor Pro 可以通过两种方式使您受益; 首先,您可以在不使用代码的情况下添加、移动或删除侧边栏。 其次,它允许您为侧边栏创建自定义设计,将它们添加到您想要的侧边栏,并使用 Elementor Library 小部件。

4. 狂妄

Adsanity 是一个 WordPress 广告管理插件,可让您在任何您想要的地方显示您的自托管和基于网络的广告,例如,在您的小部件区域。 由于这个插件是一个管理工具,它可以让您获得洞察力,并且您可以检查广告的效果。

5. 粉碎气球

Smash Balloon 是一个免费的 WordPress 插件,它允许您从 Instagram、Facebook 和 Twitter 等社交媒体渠道导入提要,并以与您的网站风格相匹配的方式设计它们。 此插件最适合与其他社交帐户关联的网站。

6. 谷歌地图的地图小工具

借助谷歌地图插件,您可以将谷歌地图添加到您的网站小部件区域,并添加您的地址以显示在地图上; 它有利于想要共享其物理地址的企业。 Maps Widget 还使您能够包含自定义大小、缩放级别、图钉颜色和大小、地图配色方案等。

7. 忍者形态

Ninja Forms 可以帮助您扩大邮件列表并产生潜在客户; 您有不同的表格选项,包括订阅、注册和捐赠表格。 您可以简单地将它们集成到侧边栏中。 这是另一个适合所有类型网站的免费插件。

8.压缩档案

该插件的块设计提供了一个内容存档,默认情况下,该插件将以一长串有序且令人愉悦的方式显示您的内容存档。 这个插件是免费的,易于定制,对于内容量很大的网站来说是一个极好的帮助。

9. 更好的搜索

更好的搜索是一个 WordPress 插件,它提供更多配置选项,通过显示更多结果并以简洁明了的方式展示它们来击败您的默认搜索引擎。

10. 小部件选项

Widget Options 是一个 WordPress 小部件控制插件,允许您创建自定义侧边栏并控制小部件的大小以适合台式机、平板电脑和手机。 它是一个适用于所有类型网站的免费插件。

WordPress 侧边栏用例

简而言之,侧边栏为用户显示补充信息; 您可以在侧边栏中包含不同的内容,例如搜索框、推荐信、最近发布的列表、即将发生的事件等。侧边栏可以鼓励访问者使用您网站上的其他信息,而不会从主要内容中分心内容。

在下一节中,您可以看到适用于几乎所有类型网站的边栏的一些实际用途。

一、阅读推荐

您可以使用侧边栏来鼓励访问者阅读更多帖子、停留更长时间并成为客户。 您将有机会通过为您的网站带来更多流量来提高您的 WordPress SEO 性能。

2. 邮件订阅

当您的访问者喜欢您的内容时,您可能会在侧边栏上找到一个方便的时事通讯订阅表格; 当访问者发现您的内容很有趣时,订阅您的消息的可能性很高。 拥有属于具有相同兴趣的人的电子邮件地址列表是您未来营销活动或货币化的重要资产。

3. 社交媒体功能

在侧边栏上添加社交分享按钮可以更轻松地在其他平台上分享; 它还会增加增加社交媒体受众的机会。

4.社会证明

社会证明可以使您的网站看起来更可信,并帮助人们信任您; 您的社交媒体关注者、订阅者数量或推荐的统计数据可以证明您的业务或品牌的合法性。

5. 粘边栏

正如我们之前提到的,粘性侧边栏永远不会消失,并且会在您向下滚动时漂浮在屏幕上; 如果您的帖子很长,请使用粘性侧边栏; 粘性侧边栏更方便访问。

包起来

添加侧边栏是在不分散访问者注意力的情况下显示附加信息的最佳方式。 请记住,添加侧边栏应该会有所帮助,为您的网站做出重要贡献,并使其看起来更加分类和整洁。 不要添加太多的小部件或插件,也不要允许太多的广告。