如何在WordPress帖子和帖子类型中添加自定义元框

你是否想为你的WordPress文章,页面和自定义文章类型创建自定义元框? 自定义元框通常用于提供一个更好的用户界面,用于将自定义字段(元数据)添加到您的内容中。 在本文中,我们将解释什么是自定义元框,以及如何在WordPress帖子和帖子类型中轻松添加自定义元框。

如何在WordPress文章中添加自定义元框

什么是WordPress的自定义元框?

自定义元框是一个更友好的用户界面,可以在自己的文章,页面和其他自定义文章类型中添加自定义字段(元数据)。

WordPress提供了一个易于使用的界面,可以帮助您创建内容,如帖子和页面,或自定义帖子类型。

通常,每种内容类型都由实际内容及其元数据组成。 元数据是与日期和时间,作者姓名,职位等内容相关的信息。 您也可以使用自定义字段来添加自己的元数据。

自定义字段

但是,使用默认自定义字段框添加元数据不是很直观。 这是自定义元框进来的地方。

WordPress允许开发人员在后期编辑屏幕上创建和添加自己的定制元框。 这就是最流行的插件在你的文章编辑屏幕上添加不同的选项。

例如,Yoast SEO插件中的SEO标题和元描述框是一个自定义元框:

在搜索引擎优化SEO类别SEO标题和元描述

话虽如此,让我们来看看如何在WordPress的帖子和帖子类型中轻松添加自定义元框。

在WordPress中创建自定义元框

第一

激活后,插件添加一个标签为“自定义字段”的新菜单项到您的WordPress管理栏。 点击它将带你到自定义字段页面。

由于您尚未创建任何自定义字段,因此此页面将为空。 继续,然后点击“添加新的”按钮继续。

添加新的自定义字段组

您将被带到“添加新字段组”页面。

在这里,您需要为您的字段组提供标题。 这个标题将被用作你的元框的标题。

之后,你可以开始添加你的领域。 只需点击“+添加字段”按钮添加您的第一个字段。

添加你的拳头领域

这将调出现场设置表单。 首先你需要为你的领域提供一个标签。 这个标签将显示在你的元框中的字段之前。

为您的自定义元框创建一个新的字段

之后,您需要选择字段类型。 高级自定义字段插件允许您从一整套选项中进行选择。 这包括文本,textarea,单选按钮,复选框,完整的所见即所得的编辑器,图像,等等。

接下来,您需要提供现场指示。 这些说明将告诉用户在现场添加什么。

在这之下,你会发现你的领域的其他选项。 您需要仔细查看这些选项并进行调整以符合您的需求。

字段设置

接下来,点击关闭字段按钮来折叠字段。

如果您需要添加更多的字段到您的元框,然后点击“+添加字段”按钮添加另一个字段。

关闭字段并添加另一个

完成添加字段后,可以向下滚动到位置部分。 这是您可以定义何时何地显示元框的位置。

位置规则

高级自定义字段提供了一些预定义规则供您选择。 例如,您可以选择帖子类型,帖子类别,分类法,页面父页面等。

接下来是元框选项设置。

首先你需要选择订单号。 如果您为一个位置定义了多个字段组,则可以选择要显示的订单号。 如果您不确定,则将其保留为0。

元框选项

接下来,您需要选择页面上的元框位置。 您可以选择在内容之后,内容之前或右侧栏中显示。

在这之下,您将需要为您的元框选择一个样式。 你可以选择它像所有其他的WordPress元框,或者你可以选择它是无缝的(没有任何元框)。

如果您不确定,则选择标准(WP元框)选项。

最后,您会看到通常显示在帖子编辑屏幕上的字段列表。 如果你想在你的文章编辑屏幕上隐藏一个特定的字段,那么你可以在这里检查它。 如果你不确定,那么最好不要让他们失望。

一旦完成,点击发布按钮,让你的现场组生活。

发布您的字段组

恭喜,您已成功为您的WordPress博文或博文类型创建了自定义元框。

根据您的设置,您现在可以访问您的帖子或帖子类型来查看您的自定义元框。

自定义元首预览

您可以使用此自定义元框将元数据添加到您的帖子或帖子类型。 这些数据将在保存或发布帖子时存储在您的WordPress数据库中。

在WordPress主题中显示您的自定义元框数据

到目前为止,我们已经成功创建了一个自定义元框,并将其显示在我们的帖子编辑屏幕 下一步是显示存储在WordPress主题的这些字段中的数据。

首先,您需要编辑您之前创建的自定义字段组。 在“编辑字段组”页面上,您将看到自定义字段及其名称。

字段名称

您将需要这些字段名称在您的网站上显示它们。

高级自定义字段允许您以两种不同的方式执行此操作。

首先,您可以使用短代码在您的帖子中显示自定义字段。

[acf field =“article_byline”]

您也可以通过将代码添加到WordPress主题文件中来显示它们。 如果您之前没有这样做,那么请查看我们的初学者指南,了解如何在WordPress中复制和粘贴代码。

您将需要编辑要显示来自这些字段的数据的主题文件。 例如,single.php,content.php,page.php等等。

您将需要确保您在WordPress循环中添加代码。 确保在循环中输入代码的最简单方法是在代码中查找如下所示的行:

你可以把你的代码粘贴在这行之后,并在循环结束之前:

您的自定义字段代码将如下所示:


此代码将显示输入到我们的自定义元框的文章byline字段中的数据。

请注意,我们如何将代码封装在带有CSS类的h2标题中。 这将帮助我们稍后在自己的主题中添加自定义CSS来设置自定义字段的样式和风格。

这是另一个例子:

不要忘记用您自己的字段名称替换字段名称。

您现在可以访问您已经将数据输入到您的自定义字段的帖子。 您将能够看到您的自定义元数据显示。

自定义字段显示在网站上

高级自定义字段是一个非常强大的插件,有很多选项。 本教程只是表面上的划痕。 如果您需要更多帮助,请不要忘记查看插件的文档以了解如何进一步扩展它。