You are here:  Home » PHP » 如何在WordPress中发布小部件后添加自定义

你有没有在帖子结束后遇到一个带有订阅框的网站?或分享按钮,签名,FTC披露,作者生物,相关的帖子等?在本文中,我们将向您展示如何在发布内容之后添加部件区域,以便您可以添加任何您喜欢的自定义小部件。

窗口小部件区域也称为侧边栏,是您在WordPress主题中可以拖放任何窗口小部件的部分。

通常这些窗口小部件区域显示在侧边栏或页脚区域中。您当然可以注册自定义小部件区域,但这需要通过代码进行调整。

值得庆幸的是,初学者有一种更简单的方法,即不会涉及处理任何代码。

视频教程

订阅WPBeginner

如果您不喜欢该视频或需要更多说明,请继续阅读。

您需要做的第一件事就是安装并激活Add Widget After Content插件。激活后,只需访问外观»小部件在屏幕上,您将看到一个名为After Content的新窗口小部件区域。

After content widget area

现在您只需将所需的任何小部件拖放到After Content小部件区域即可。

完成后,您可以访问您网站上的任意帖子,查看帖子内容下方的小部件。

此解决方案适用于所有自定义主题框架,如Genesis,Thesis,Headway主题等。

最好的共享插件,电子邮件列表构建插件,作者生物插件等为其用户提供在post之后添加其小部件而不要求您使用此解决方案的选项。

Customization

如果您不希望在特定帖子后显示小部件区域,则可以将其关闭。

只需编辑您不希望显示后期窗口小部件的帖子。在帖子编辑屏幕上,在编辑器下方,您将看到Widget After Content元数据框。您可以选中是旁边的框以禁用此特定帖子后的小部件区域显示。

Disable after content widgets for specific posts

内容小部件区域后的样式

对于此部分,您将需要一些基本的CSS技能。由于小部件的显示是由主题处理的,并且有很多这样的小部件,因此不可能提供适用于所有主题的基本样式。因此,如果后续内容小部件出现在您的网站上,那么您需要添加一些CSS来修复它。

该插件向窗口小部件区域添加 awac awac-wrapper CSS类。您可以使用这些类来修改窗口小部件区域的外观。这是我们在Twenty Thirteen中尝试的一些东西:

.awac-wrapper {
margin: 0px auto;
width: 30%;
float: left;
padding: 10px;
}

上面的代码允许我们以这样的网格格式显示我们的小部件

Styling after content widgets

我们希望这篇文章能帮助你添加一个小部件区域WordPress中的帖子

您可能还想查看我们的网站最有用的WordPress小部件列表。

如果您喜欢这篇文章,请订阅我们的YouTube频道WordPress视频教程。您也可以在Twitter和Google +上找到我们。