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

技术教程 2021年11月5日

1005 0 6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

根据您尝试添加的小部件数量和您的 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 以满足您的要求.

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

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

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

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

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

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

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

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

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

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