你是否曾经在开始设计网站页面时,发现一些信息不能很好地融合在一起?

号召行动、传记和社交媒体feed只是一些古怪的元素,它们没有足够的内容来保证自己的网页,但也不总是与现有页面的内容很好地配合。尽管如此,这些元素对于给你的内容提供背景、丰富用户体验(UX)以及将访问者转化为领导者来说还是很重要的。

与其为了设计而忽略这些组件,还不如将它们保留在页面上,同时保持漂亮的UX。

解决方案?WordPress小部件。

利用HubSpot的WordPress网站工具来发展你的业务

这篇文章将介绍什么是WordPress小部件,它们的好处,以及如何在你的网站上添加一个。我们还将提供一些很棒的插件选项,帮助您轻松增强小部件,以及如何最大化其功能的逐步说明。

你可以为几乎所有内容添加小部件从lead表单到企业的实时推特提要。看看这个图表,你可以在网站上添加更多类型的小部件。

  • 图片库
  • 社交媒体提要
  • 铅的形式
  • 特色博客文章
  • 导航菜单
  • 作者简介
  • 视频
  • 电子邮件订阅形式

WordPress自动提供了广泛的小部件选择,但你可以使用插件添加更多的小部件。

专家提示:您可以使用HubSpot WordPress插件添加实时聊天、滑入框、横幅、覆盖弹出窗口和更多小部件。

下面是WordPress网站边栏中日历小部件的示例:

日历小工具在一个网站的侧边栏

图像源

为什么要在WordPress页面或帖子中添加小部件?

向网页添加特定但相关的内容只是在WordPress站点上向页面或帖子添加小部件的一个原因。您的网站可能会错过一些其他的机会,小部件可能会给页面带来这些机会。

  • 改进的导航:您可以在侧栏中添加额外的菜单,以帮助用户导航该页面或整个站点。
  • 广告机会:如果你在WordPress站点上运行广告,你会发现在侧边栏和页脚添加一个专门用于此目的的小部件是平衡用户体验和广告收入的关键。
  • 附加内容:新的博客帖子、常青内容和限时优惠都是一些额外内容的例子,这些内容可能在您的网站上有自己的页面,但可能会对您的读者进行一些额外的宣传。将这些内容类型作为小部件添加到侧边栏中是一种聪明的方法,可以让它们在不分散注意力的情况下处于前端和中心位置。

如何在WordPress中添加小部件

Widgets是WordPress的原生功能,因此您可以添加它们,而无需任何附加插件或第三方工具。有两种方法可以在WordPress中本机添加小部件-使用拖放功能或从小部件下拉列表中选择边栏或页脚。下面的gif演示了这两种方法。

  • 外观,然后小部件
  • 选择要添加到侧栏的小部件。
  • 将小部件拖动到侧栏并将其放入框中。

如果您在不同的页面上有多个边栏或页脚,您可以通过从小部件下拉菜单中选择它们来添加一个小部件。

  • 外观,然后小部件
  • 选择要添加到侧栏的小部件。
  • 单击箭头在小部件的右侧,显示下拉菜单。
  • 选择要将小部件添加到的侧栏或页脚。
  • 点击添加挂件style=“font size:1.125rem;font-weight:400;”>。

如何添加一个小部件在WordPress gif

如何使用插件将小部件添加到WordPress页面或帖子

通常,当您向侧边栏添加小部件时,它会显示在您网站的每个页面上。此内容通常用于提醒访问者使用您必须提供的其他资源。bob体育苹果系统下载安装

然而,侧边栏内容并不总是与站点上的所有帖子和页面相关。相反,您希望向站点访问者展示相关的、与页面相关的、提供进一步价值的内容,例如关于我们页面联系表单小部件(如下图所示)供有其他问题的网站访问者使用。

虽然你可以使用WordPress本地功能在你的网站上添加小部件,但默认设置不允许你在特定的文章或页面上显示(或禁用)这些小部件——无论你是否想要它们在那里。

要解决这个问题,可以使用插件。这些自定义附加组件将帮助您管理小部件的显示位置和外观。

让我们来看看如何使用插件将小部件限制在不同的文章和页面上,以确保为站点访问者提供最有价值的、相关的信息。

展示如何将小部件添加到WordPress页面的自定义表单小部件示例

有了这些WordPress插件,你可以从特定的页面添加和删除插件。通过一个简单的设置过程,您可以在几分钟内更新您的页面。

1.AMR短代码任何小部件

AMR Shortcode Any Widget是非技术用户的流行Widget。您可以使用简单的短代码将这些小部件插入到页面中。

以下是如何使用它:

amr短代码插件,用于将小部件添加到WordPress页面

  • 导航到您想要添加小部件的特定页面或帖子。
  • 将短代码插入可视化编辑器
  • 完成这些步骤后,它应该出现在页面或帖子上,如下所示:

向WordPress页面添加小部件的示例

2.内容块(自定义帖子小部件)

Content Blocks是另一个独特的短代码插件,您可以使用内置的小部件创建自定义内容所见即所得编辑器。

以下是如何使用它:

  • 安装并激活插件。
  • 在仪表板的左侧,单击内容块
  • 然后,单击添加内容块
  • 为新内容块指定标题。
  • 将此新块插入可视化编辑器

将小部件添加到WordPress页面的可视化编辑器

  • 点击发布
  • 在同一页,向下滚动,直到你看到内容块短码右边。内容块短代码添加小部件到WordPress页面
  • 复制短代码并将其插入到可视化编辑器对于要在其上显示小部件的页面或帖子。
  • 预览内容以查看更改,然后单击插入内容块当完成。

3.WP页面小部件

WP Page Widget是一个有用的工具,用于在支持侧边栏的WordPress主题中创建Widget页面布局。

以下是如何使用它:

  • 安装并激活插件。
  • 在你仪表板的左手边,转到设置然后页面小部件设置
  • 旁边可用对于职位类型,检查文章和页面或者任何你想要展示它的地方。
  • 选择想要自定义的页面侧边栏或部分。
  • 可选步骤:选择在默认情况下进行自定义,以确保始终能够控制小部件在站点上的显示位置。
  • 预览您的更改(如果需要)或简单地选择保存更改

设置页面小部件,将小部件添加到WordPress页面

  • 导航到想要添加小部件的页面或帖子,并向下滚动到页面窗口小部件部分。

页面小部件部分将小部件添加到WordPress页面

  • 将所需的小部件拖放到这个区域中。
  • 预览在您的更改生效之前查看这些更改的内容。

4.自定义侧边栏-动态小部件区域管理器

自定义侧边栏帮助您按类别在页面或帖子上显示自定义小部件,确保站点访问者只看到相关和相关的内容。

以下是如何使用它:

  • 安装并激活插件。
  • 引导到外观,然后小部件.这里你会看到一个新的区域叫做自定义侧边栏

自定义侧边栏插件添加小部件到WordPress页面

  • 您可以创建一个自定义侧边栏或将默认包含的小部件拖放到标记的部分中主题栏.您可以控制这两种类型的侧边栏出现的位置(在侧边栏或页脚部分)。
  • 单击所需小部件上的向下箭头,然后单击可见性(如下所示)。

自定义边栏插件的可见性,用于将小部件添加到WordPress页面

  • 单击+按钮,以指示小部件何时显示在特定页面或帖子上。

在自定义侧栏中筛选选项以将小部件添加到WordPress页面

  • 保存你的小部件设置。
  • 预览查看内容以查看您的更改。

5.樱桃边栏

这个独特的插件可以在站点的不同区域显示小部件,并将小部件分配到不同的页面或帖子组中显示。

以下是如何使用它:

  • 安装并激活插件。
  • 外观然后小部件
  • 您将看到一个新的小部件区域标记为樱桃边栏在默认侧栏自定义器下面。
  • 拖放预先下载的小部件。

cherry侧边栏插件,用于将小部件添加到WordPress页面

  • 导航到您想要添加小部件的特定页面或帖子。
  • 向下滚动直到看到后边栏在右边的菜单上。

发布侧边栏以添加小部件到WordPress页面

  • 从下拉菜单中,选择要使用的侧栏。
  • 保存页面或帖子。
  • 预览查看内容以查看您的更改。

6.侧边栏和插件管理器WordPress

WordPress的边栏和小部件管理器是一个功能丰富的插件,可以让您完全控制在站点上显示小部件。您可以选择相关页面或帖子来显示小部件,并更改它们在每个页面上的位置。

以下是如何使用它:

  • 安装并激活插件。
  • 引导到外观,然后小部件
  • 单击组可见性按钮并选择要显示小部件的页面。

演示如何一次性将小部件添加到特定页面

您还可以通过创建自定义边栏小部件来更改小部件在页面和帖子上的位置。以下是方法:

  • 首先,导航到页面部分。
  • 构建你的布局或从下拉菜单中选择一个默认选项。
  • 拖放包含要显示的小部件的侧栏。

演示如何在wordpress页面上创建自定义侧边栏小部件

  • 预览查看您的更改的帖子或页面。

选择插件以显示小部件

用小工具定制你的博客文章和网页可以通过提供额外的内容来激发网站访问者的兴趣。虽然WordPress的默认设置可能不包括你需要的功能,但这个列表中的附加插件提供了替代的解决方案,以帮助你建立你想要的WordPress站点。

编者按:这篇文章最初发表于2020年12月,并已全面更新。

在你的WordPress网站上使用HubSpot工具,连接两个平台,而不需要处理代码。点击这里了解更多。

在你的WordPress网站上使用HubSpot工具,连接两个平台,而不需要处理代码。点击这里了解更多。

最初发布于2021年3月25日7:00:00 AM,更新于2021年10月11日

话题:

WordPress网站