如何在 WordPress 中添加自定义后发布小部件

您想在 WordPress 中添加自定义后发布小部件吗?

发布后小部件允许您在博客文章或页面的末尾显示不同的元素.例如,您可以添加简报注册表单、显示相关帖子、显示最近的文章或热门产品.

在本文中,我们将向您展示如何在 WordPress 中轻松添加自定义后发布小部件,以保持用户参与度并在您的网站上花费更多时间.

Adding widgets after post content in WordPress

为什么在 WordPress 中添加自定义后发布小部件

您可能在许多热门网站上的文章末尾看到过号召性用语.这是因为如果用户向下滚动到文章的结尾,那么他们已经被吸引住了,并且更有可能与您的报价互动.

Email sign up form displayed after post content

此空间可用于放置电子邮件注册表单、潜在客户生成表单,或通过相关帖子、热门帖子和其他内容发现功能提高用户参与度.

同样,如果您经营在线商店,那么您可能希望通过提供折扣来展示相关产品或促进销售.

Popular products after content

现在有不同的方法可以做到这一点.您可以使用诸如 MonsterInsights 热门帖子插件之类的插件,该插件可让您在帖子内容后自动添加热门帖子或热门产品.

您可以在使用块编辑器撰写帖子时手动添加帖子后内容.

这需要大量工作,而这种方法的问题在于,如果您想更改某些内容,则必须手动进行.

这就是小部件的用武之地.

在 Web 开发术语中,小部件是非内容块,您可以将它们添加到与主要内容区域分开的网站的不同区域.

WordPress 带有一组内置小部件,您可以将它们添加到 WordPress 主题提供的任何小部件就绪区域.

所有流行的 WordPress 主题都带有常见的小部件就绪区域,如侧边栏、页脚、标题小部件区域.但是,很少有 WordPress 主题包含 post-post 小部件区域.

话虽如此,让我们来看看如何轻松地在 WordPress 中添加 post-post 小部件,而不管您使用的是哪个 WordPress 主题.

方法 1.使用插件添加后发布内容

此方法有点受限但更简单,适用于所有类型的 WordPress 小部件.它的样式有点依赖于您的 WordPress 主题,但对大多数用户来说效果很好.

您需要做的第一件事是安装并激活 Add Widget After Content 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,转到外观» Widgets 页面,您会在那里注意到一个名为"After Content"的新小部件区域.

After content widget area

现在您可以简单地将可用小部件列中的任何小部件添加到后内容区域.例如,在这里我们添加了最近的帖子,以及我们使用 WPForms 制作的时事通讯注册表小部件.

Widgets added to after content area

您可以像往常一样随意编辑每个小部件设置,并且不要忘记保存您的更改.

一旦完成,您就可以访问您的网站以查看您的发布后内容小部件的运行情况.这就是它在我们的演示网站上的样子.

After post widgets preview

根据您尝试添加的小部件数量和您的 WordPress 主题,您的小部件可能会显得略微不平衡.

默认情况下,插件一个接一个地添加小部件,因此如果您想并排显示它们,则必须使用自定义 CSS.您还可以更改背景颜色、添加填充、更改文本颜色等.

只需转到外观»自定义页面并切换到附加 CSS 选项卡.您可以通过添加此自定义 CSS 作为起点开始.


.awac.widget {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 20px;
    background-color: #fff8e9;
    border: 1px dashed #fde2a9;
    min-height:400px;
} 

.awac.widget h4 {
font-size:18px;
color:#666; 
} 

.awac.widget li{
font-size:16px;
} 

在此自定义 CSS 代码中,我们更改了小部件宽度以并排显示两个小部件.我们还更改了背景颜色和字体大小.随意调整 CSS 以满足您的要求.

不要忘记单击"发布"按钮以保存您的更改.

这是我们演示网站上的样子.

After posts widget CSS fixed

不想使用自定义 CSS?试试 CSS Hero 插件.它让您无需任何 CSS 知识即可自定义网站的所有区域.

在发布小部件后显示或隐藏

默认情况下,插件会在所有帖子和页面上显示您的帖子后小部件.它还允许您将其隐藏在您不想在内容小部件之后显示的地方.

例如,您可能不想在静态页面上发布小部件后显示.

只需转到外观»内容后的小部件页面.从这里,您可以选择哪些类别或帖子类型不会显示您的后期内容小部件.

Widget after content settings

不要忘记单击"保存更改"按钮来存储您的设置.

您还可以隐藏单个帖子和页面的后内容小部件区域.只需编辑您不想在帖子小部件后显示的页面帖子,然后向下滚动到底部的"内容后小部件"框.

Hide after post widget

接下来,选中隐藏小部件区域的框,然后保存您的帖子或页面.该插件现在将停止显示该特定帖子/页面的小部件区域.

方法 2.使用 OptinMonster 添加后发布内容

这种方法更漂亮、更强大,但它不使用默认的 WordPress 小部件.相反,它允许您使用精美的设计和模板添加您想要的任何内容以供选择.

这种方法的另一个优点是它为您提供了大量的定位选项.例如,您可以向不同的用户展示个性化内容,根据用户当前查看的内容更改内容,或使用现场重新定位来获得更大的影响.

对于这种方法,您需要 OptinMonster.它是市场上最好的潜在客户生成和转换优化软件,可让您将网站访问者转换为订阅者和客户.

首先,您需要注册一个 OptinMonster 帐户.

OptinMonster

注册后,切换到您的 WordPress 网站以安装并激活 OptinMonster 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

此插件充当您的 WordPress 网站和您的 OptinMonster 帐户之间的连接器.

激活后,您需要访问OptinMonster »设置页面,然后点击"连接现有帐户"按钮.

Connect OptinMonster account to WordPress

这将弹出一个弹出窗口,您可以在其中登录并将您的 WordPress 网站连接到您的 OptinMonster 帐户.

现在您的 WordPress 网站已连接,您已准备好创建您的第一个按地理区域定位的广告系列.转到 OptinMonster »广告系列页面,然后点击"新增"按钮.

Create OM campaign

首先,您需要选择广告系列类型.OptinMonster 支持灯箱弹出窗口、浮动栏、内嵌选项、全屏、幻灯片和游戏化广告活动.

在本教程中,我们将选择一个内嵌广告系列,它允许我们在内容之后自动显示我们的广告系列.

Choose inline campaign type and template

在其下方,您可以通过点击来选择广告系列模板.

接下来,您需要输入广告系列的名称.您可以在此处输入任何名称,然后单击"开始构建"按钮.

Enter campaign title

这将启动 OptinMonster 的活动构建器界面,并在右侧面板中实时预览您的活动.

OptinMonster campaign builder

您只需指向并单击预览中的任何项目即可对其进行编辑、移动或删除.您还可以通过单击顶部的"添加块"按钮来添加新元素.

Add new blocks to your after post campaign

从这里,您可以选择默认 WordPress 小部件中没有的更强大的元素.例如,您可以添加倒数计时器、按钮、聊天机器人和列.

在您设计好后期广告系列后,切换到"发布"标签并将广告系列状态更改为"发布".

Publish inline campaign

之后,单击"保存"按钮以存储您的设置并关闭广告系列构建器.

OptinMonster 现在将带您进入输出设置页面.从这里,您可以选择要在何处显示帖子内容.

只需选择自动,然后您就可以选择在帖子内容的内部、下方或之前显示您的广告系列.

Where to display your campaign

为了本教程,我们将在帖子内容选项下方进行选择.之后,将可见性状态更改为已发布,然后单击保存按钮以使您的活动生效.

您现在可以访问您的网站以查看您自定义的发布后小部件的实际效果.

Custom after post content

我们希望本文能帮助您了解如何在 WordPress 中添加自定义后发布小部件.

想了解用户如何与您的发帖后小部件互动?请参阅我们的教程,了解如何跟踪用户在 WordPress 中的参与度,然后尝试这些技巧以轻松提高您的网站流量.

1
订阅评论
提醒
0 评论
内联反馈
查看所有评论