什么是WordPress中的自定义元框？

创建文章、页面或自定义文章类型时，这些内容通常会有自身的元数据。这些元数据是与内容相关的信息，如日期和时间、作者姓名、标题等。

您还可以使用默认的自定义字段框添加自己的元数据。

提示：在文章编辑器中看不到自定义字段框？请参阅我们的指南，了解如何解决WordPress中不显示自定义字段的问题。

如果您只是想为少量文章添加自定义元数据，那么自定义字段框是一个不错的解决方案。然而，如果您计划为大量内容添加大量独特信息，那么创建一个自定义元数据框是明智的选择。

事实上，许多流行的WordPress插件都会在文章和页面的编辑屏幕上添加自定义元框。在下面的图片中，您可以看到使用AIOSEO插件提供的自定义元框，轻松添加SEO信息。

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

向WordPress添加自定义元框的最简单方法是使用Advanced Custom Fields插件。此插件允许您将各种附加信息附加到文章和页面，然后使用短代码向访问者显示这些数据。

首先，您需要安装并激活Advanced Custom Fields插件。有关详细信息，请参阅我们的WordPress插件安装分步指南。

创建自定义元框

激活后，从WordPress管理侧边栏访问ACF » Field Groups页面。

点击“添加新”按钮。

现在，您可以创建将在元数据框中显示的自定义字段。首先，您需要在默认显示“Field Group Title”的字段中输入标题。这个标题将出现在WordPress内容编辑器中，并用作元框的标题。

因此，尤其是在您管理一个多作者的WordPress博客或与其他人共享仪表板时，您应使用一些描述性的标题。

完成后，您可以准备向元框添加第一个字段。

向WordPress元框添加自定义字段

首先，打开“字段类型”下拉列表，并选择要添加的字段类型，例如日期选择器、复选框或文本字段。

之后，为字段输入标签。Advanced Custom Fields会在字段前显示此标签，因此可以帮助用户理解需要输入什么信息。

Advanced Custom Fields会自动生成“字段名称”，因此您可以将此字段留空。

完成后，您可以输入一个“默认值”。如果用户没有添加自己的信息，则此值将自动添加到页面、文章或自定义文章类型中。

根据您创建的字段类型，您可能会看到更多选项。例如，如果选择从“文件类型”下拉列表中选择“图像”，则可以选择图像格式。

大多数选项都是自解释的，您可以按照屏幕上的说明配置自定义字段。

当您对字段的设置感到满意时，点击“关闭字段”按钮以折叠部分。

现在，您可以通过点击“添加字段”按钮向自定义元框添加更多字段。

然后，只需按照上面描述的相同过程配置字段即可。

将自定义元框添加到WordPress内容编辑器

当您对自定义元框的设置感到满意时，您需要定义元框的出现位置和时间。

为此，请滚动到“设置”部分，然后点击“位置规则”选项卡。

Advanced Custom Fields可以将框添加到各种内容中。例如，您可以在特定的文章类型、分类、分类法、导航菜单等上显示元框。

只需使用下拉菜单选择元框在WordPress仪表板中的显示位置。例如，如果您接受客座文章，则可能希望将框添加到“客座文章”类别中的所有文章中。

之后，点击“呈现”选项卡。

在这里，您可以选择元框样式、它在WordPress博客上的显示位置以及标签和说明的显示位置。

如果计划在同一位置添加多个框，则可以通过在“顺序号”字段中输入值来更改它们的顺序。

例如，将最重要的元框显示在屏幕顶部可以提高您的编辑工作流程。

如果不确定的话，可以将此字段设置为0。

在此屏幕上，您还会看到WordPress通常在文章编辑屏幕上显示的所有字段列表。

如果要隐藏某个字段，只需选中相应的复选框。例如，如果您使用自定义字段创建一个作者信息框，则可能希望隐藏默认的“作者”字段。

当您对所做的更改感到满意时，点击“保存更改”，使字段组生效。

您现在已经成功为WordPress文章、页面或自定义文章类型创建了自定义元框。根据您的设置，现在可以访问文章编辑器，以查看自定义元框的实际效果。

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

您现在已经成功地将自定义元框添加到WordPress仪表板。用户在保存或发布文章时输入到元框中的所有信息将存储在WordPress数据库中。然而，这些信息默认不会出现在您的网站上。

考虑到这一点，让我们确保自定义元数据在您的WordPress主题中显示，以便访客可以看到。

您可以使用短代码或编辑WordPress主题文件来实现这一点。

如何使用短代码显示自定义元数据

在WordPress中添加短代码是最简单的方法，并允许您精确控制信息在网站上的显示位置。

例如，如果您创建了一个“星级评定”字段，则可以通过添加短代码将此信息显示在文章标题后、内容内部、页脚或任意位置。

不过，您需要手动向每个页面、文章或自定义文章类型添加短代码。这可能需要大量时间和精力，尤其是当您有很多内容时。

要获取字段的短代码，转到ACF » Field Groups页面。然后，悬停在要显示的字段组上，当它出现时点击“编辑”链接。

现在，您将看到构成此组的所有字段。

对于每个要显示的字段，请记下“名称”字段中的值。

完成后，转到要显示自定义元数据的页面、文章或自定义文章类型。

现在，您可以点击“+”图标并输入“短代码”。

当正确的块出现时，点击将其添加到布局中。

现在可以将以下短代码添加到块中，确保将“article_byline”替换为要显示的字段名称。

现在可以重复这些步骤，将多个自定义字段添加到文章中。

当您对所做的更改感到满意时，点击“发布”或“更新”按钮。现在，访问您的WordPress网站，以查看自定义元数据的实际效果。

如何通过编辑WordPress主题显示自定义元数据

如果您希望在每个页面、文章或自定义文章类型的同一位置显示自定义元数据，则可以将代码添加到WordPress主题文件中。

从长远来看，这可以节省您的时间，但这并不是最适合初学者的方法。下次更新WordPress主题时，您还会丢失所有自定义代码，这就是我们建议创建子主题的原因。然后，您可以将自定义代码添加到子主题。

如果您之前没有编辑过主题文件，请查看我们的WordPress中如何复制和粘贴代码的初学者指南。

您需要编辑要显示自定义元数据的文件。这将根据您的主题有所不同，但通常需要编辑站点的single.php、content.php或page.php文件。

找到正确的文件后，您需要在WordPress循环中添加代码。要找到此循环，只需搜索类似如下代码：

然后，可以在此行后和结束循环的行之前粘贴代码：

例如，您的自定义字段代码应如下所示：

注意，我们将代码包裹在带有CSS类的h2标题中。这允许我们通过向主题添加自定义CSS来格式化和样式化自定义字段。

这是另一个示例：

添加代码到主题时，请不要忘记替换字段名称。

完成后，可以访问已经在自定义字段中输入数据的任何文章。现在，您将看到您的独特元数据实际效果。