你是否想为你的WordPress文章,页面和自定义文章类型创建自定义元框? 自定义元框通常用于提供一个更好的用户界面,用于将自定义字段(元数据)添加到您的内容中。 在本文中,我们将解释什么是自定义元框,以及如何在WordPress帖子和帖子类型中轻松添加自定义元框。
什么是WordPress的自定义元框?
自定义元框是一个更友好的用户界面,可以在自己的文章,页面和其他自定义文章类型中添加自定义字段(元数据)。
WordPress提供了一个易于使用的界面,可以帮助您创建内容,如帖子和页面,或自定义帖子类型。
通常,每种内容类型都由实际内容及其元数据组成。 元数据是与日期和时间,作者姓名,职位等内容相关的信息。 您也可以使用自定义字段来添加自己的元数据。
但是,使用默认自定义字段框添加元数据不是很直观。 这是自定义元框进来的地方。
WordPress允许开发人员在后期编辑屏幕上创建和添加自己的定制元框。 这就是最流行的插件在你的文章编辑屏幕上添加不同的选项。
例如,Yoast 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来设置自定义字段的样式和风格。
这是另一个例子:
不要忘记用您自己的字段名称替换字段名称。
您现在可以访问您已经将数据输入到您的自定义字段的帖子。 您将能够看到您的自定义元数据显示。
高级自定义字段是一个非常强大的插件,有很多选项。 本教程只是表面上的划痕。 如果您需要更多帮助,请不要忘记查看插件的文档以了解如何进一步扩展它。