首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 帖子和帖子类型中添加自定义元框

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

您想了解如何为您的 WordPress 帖子、页面和自定义帖子类型创建自定义元框吗?

WordPress 自动向您的内容添加元数据,例如发布日期、类别和标签。但是,您可能还想添加自己的自定义元数据。

在本文中,我们将向您展示如何通过在 WordPress 中创建自定义元数据框,轻松地将独特信息添加到您的内容中。

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

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

当您在 WordPress 中创建帖子和页面自定义帖子类型时,该内容通常有自己的元数据。此元数据是与日期和时间、作者姓名、标题等内容相关的信息。

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

在 WordPress 帖子中添加自定义元框

专业提示:在帖子编辑器中看不到“自定义字段”框?然后参阅我们的指南,了解如何修复 WordPress 中未显示的自定义字段

如果您只想将自定义元数据添加到一些帖子中,则自定义字段框是一个很好的解决方案。但是,如果您计划向内容添加大量独特信息,那么创建自定义元数据框是有意义的。

事实上,许多流行的 WordPress 插件都会向帖子和页面的编辑屏幕添加自定义元框。在下图中,您可以看到使用AIOSEO提供的自定义元框将 SEO 信息添加到您的帖子中是多么容易。

多合一 SEO (AIOSEO) WordPress 插件

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

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

向 WordPress 添加自定义元框的最简单方法是使用高级自定义字段。该插件允许您将各种额外信息附加到您的帖子和页面,然后使用短代码向访问者显示该数据。

您需要做的第一件事是安装并激活高级自定义字段插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

创建自定义元框

激活后,转至ACF » 字段组,然后单击“添加新项”按钮。

向您的 WordPress 网站添加自定义字段

在这里,您可以创建将显示在元数据框中的自定义字段。

首先,您需要在默认显示“字段组标题”的字段中输入标题。这将出现在WordPress 内容编辑器中,并将用作元框的标题。

话虽如此,您应该使用描述性的内容,特别是当您管理多作者 WordPress 博客或与其他人共享仪表板时。

如何轻松地将自定义元数据添加到您的网站或博客

完成后,您就可以将第一个字段添加到元框中。

将自定义字段添加到元框

首先,打开“字段类型”下拉列表,然后选择要添加的字段类型,例如文本、日期选择器、复选框或任何其他字段类型。

将自定义字段添加到 WordPress 内容编辑器

之后,输入该字段的标签。

高级自定义字段将在字段之前显示此标签,因此它将帮助用户了解他们需要输入哪些信息。

高级自定义字段 WordPress 插件

高级自定义字段将自动生成“字段名称”,因此您可以将此字段留空。

完成后,您可能需要输入“默认值”。如果用户不添加自己的信息,这将自动添加到页面、帖子或自定义帖子类型中。

向自定义 WordPress 字段添加默认值

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

大多数选项都是不言自明的,因此您可以按照屏幕上的说明来配置自定义字段。

如果您对该字段的设置感到满意,请单击“关闭字段”以折叠该部分。

将自定义数据添加到网站或博客

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

然后,只需按照上述完全相同的过程配置该字段即可。

保存自定义字段组

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

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

滚动到“设置”部分,然后单击“位置规则”选项卡。

控制自定义内容在 WordPress 内容编辑器中的显示位置

高级自定义字段可以将框添加到各种内容中。例如,您可以在特定帖子类型、类别、分类法、导航菜单等上显示元框。

只需使用下拉菜单选择元框在 WordPress 仪表板中的显示位置即可。例如,如果您接受访客帖子,那么您可能需要将该框添加到“访客帖子”类别中的所有帖子。

使用 WordPress 插件创建内容规则

之后,单击“演示文稿”选项卡。

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

WordPress 仪表板中 ACF 的演示设置

如果您计划在同一位置添加多个盒子,则可以通过在“订单号”字段中输入来更改它们显示的顺序。

例如,在屏幕顶部显示最重要的元框可能会改善您的编辑工作流程

如果您不确定,可以将此字段设置为 0。

重新组织 WordPress 内容编辑器中的字段

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

如果您想隐藏某个字段,只需选中其框即可。例如,如果您使用自定义字段创建作者信息框,那么您可能需要隐藏默认的“作者”字段。

在 WordPress 帖子编辑器中隐藏字段

如果您对所做的更改感到满意,请单击“保存更改”以使字段组生效。

您现在已经成功为您的 WordPress 帖子、页面或自定义帖子类型创建了自定义元框。根据您的设置,您现在可以访问帖子编辑器以查看正在运行的自定义元框。

使用免费 WordPress 插件创建的自定义元数据框示例

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

您现在已成功将自定义元框添加到 WordPress 仪表板。当用户保存或发布帖子时,在元框中输入的任何信息都将存储在 WordPress 数据库中。但是,默认情况下,此信息不会显示在您的网站上。

考虑到这一点,让我们确保自定义元数据出现在您的WordPress 主题中,以便访问者可以看到它。

您可以使用短代码或编辑 WordPress 主题文件来完成此操作。

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

在 WordPress 中添加短代码是最简单的方法,它允许您准确控制信息在网站上的显示位置。例如,如果您创建了“星级”字段,则只需添加短代码即可在帖子标题之后、内容内部、页脚或其他任何位置显示此信息。

但是,您需要手动向每个页面、帖子或自定义帖子类型添加短代码。这可能需要花费大量的时间和精力,尤其是当您有很多内容时。

要获取字段的短代码,请转至ACF » 字段组。然后,将鼠标悬停在要显示的字段组上,并在出现“编辑”链接时单击它。

编辑元数据字段组

您现在将看到组成该组的所有字段。

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

如何使用简码在 WordPress 主题中显示自定义数据

完成后,转到您想要显示自定义元数据的页面、帖子或自定义帖子类型。

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

将短代码添加到 WordPress 页面或帖子

当右侧块出现时,单击将其添加到您的布局中。

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

将自定义元数据添加到 WordPress 主题

您现在可以重复这些步骤以向帖子添加多个自定义字段。

当您对所做的更改感到满意时,请单击“发布”或“更新”按钮。现在,只需访问您的WordPress 网站即可查看正在运行的自定义元数据。

使用短代码显示的自定义元数据示例

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

如果您想在每个页面、帖子或自定义帖子类型的同一位置显示自定义元数据,那么您可以将代码添加到 WordPress 主题文件中。

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

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

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

获得正确的文件后,您需要将代码添加到WordPress 循环内。要找到此循环,只需搜索如下所示的代码:

1<?php while( have_posts() ) : the_post(); ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

然后,您可以将代码粘贴到该行之后和结束循环的行之前:

1<?php endwhile; // end of the loop. ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

例如,您的自定义字段代码应如下所示:

1<h2 class="article-byline"><?php the_field('article_byline'); ?></h2>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

请注意我们如何使用 CSS 类将代码包装在 h2 标题中。这允许我们稍后通过将自定义 CSS添加到我们的主题来格式化和设置自定义字段的样式。

这是另一个例子:

12345<blockquote class="article-pullquote"> <?php the_field('article_pullquote'); ?> </blockquote>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

向主题添加代码时,不要忘记替换字段名称。

完成此操作后,您可以访问已在自定义字段中输入数据的任何帖子。您现在将看到正在运行的独特元数据。

如何向 WordPress 主题添加自定义字段

我们希望本文能帮助您了解如何在 WordPress 帖子和帖子类型中添加自定义元框。您可能还想查看我们关于如何在 WordPress 中创建自动化工作流程的指南,或者查看我们专家精选的您应该使用的最佳 SEO 插件和工具

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top