如何在WordPress帖子和帖子类型中添加自定义元框
是否要为WordPress帖子,页面和自定义帖子类型创建自定义元框?自定义元框通常用于提供更好的用户界面,以便将自定义字段(元数据)添加到您的内容中。在本文中,我们将解释什么是自定义元框,以及如何在WordPress帖子和帖子类型中轻松添加自定义元框。
什么是WordPress中的自定义元框?
自定义元框是一个更友好的用户界面,可以在帖子,页面和其他自定义帖子类型中添加自定义字段(元数据)。
WordPress附带一个易于使用的界面,可帮助您创建帖子和页面或自定义帖子类型等内容。
通常,每种内容类型都包含实际内容及其元数据。元数据是与该内容相关的信息,如日期和时间,作者姓名,标题等。您还可以使用自定义字段添加自己的元数据。
但是,使用默认自定义字段框添加元数据不是很直观。这就是自定义元框的用武之地。
WordPress允许开发人员在帖子编辑屏幕上创建和添加自己的自定义元框。这就是最受欢迎的插件在帖子编辑屏幕上添加不同选项的方式。
例如,Yoast SEO插件中的SEO标题和元描述框是一个自定义元框:
尽管如此,让我们看看如何在WordPress帖子中轻松添加自定义元框和帖子类型。
在WordPress中创建自定义元框
首先,您需要做的是安装并激活高级自定义字段插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。
激活后,插件会向WordPress管理栏添加一个标有“自定义字段”的新菜单项。单击它将转到自定义字段页面。
由于您尚未创建任何自定义字段,因此该页面将为空。继续,点击“添加新”按钮继续。
您将进入“添加新字段组”页面。
在这里,您需要为您的字段组提供标题。此标题将用作元框的标题。
之后,您可以开始添加字段。只需单击“+添加字段”按钮即可添加第一个字段。
这将打开字段设置表单。首先,您需要为您的领域提供标签。此标签将显示在字段前的元框中。
之后,您需要选择字段类型。高级自定义字段插件允许您从一系列选项中进行选择。这包括文本,文本区域,单选按钮,复选框,完整的WYSIWYG编辑器,图像等。
接下来,您需要提供字段说明。这些说明将告诉用户要添加到该字段中的内容。
在此之下,您将找到适合您所在领域的其他选项。您需要仔细查看这些选项并根据需要进行调整。
接下来,单击关闭字段按钮以折叠字段。
如果您需要向元数据库中添加更多字段,请单击“+添加字段”按钮添加另一个字段。
完成添加字段后,您可以向下滚动到位置部分。您可以在此处定义元框的显示时间和位置。
高级自定义字段附带了一些预定义规则供您选择。例如,您可以选择帖子类型,帖子类别,分类,页面父级等。
接下来是元框选项设置。
首先,您需要选择订单号。如果为一个位置定义了多个字段组,则可以选择要显示的订单号。如果您不确定,请将其保留为0.
接下来,您需要选择页面上的元框位置。您可以选择在内容之后,内容之前或右侧列中显示它。
在此之下,您需要为元框选择一种样式。您可以选择它与所有其他WordPress元框一样,或者您可以选择它是无缝的(没有任何元框)。
如果您不确定,请选择标准(WP Meta box)选项。
最后,您将看到通常在帖子编辑屏幕上显示的字段列表。如果要在帖子编辑屏幕上隐藏特定字段,则可以在此处进行检查。如果您不确定,那么最好不要选中它们。
完成后,单击“发布”按钮以使您的字段组生效。
恭喜,您已成功为WordPress帖子或帖子类型创建自定义元框。
根据您的设置,您现在可以访问您的帖子或帖子类型,以查看您的自定义元框。
您可以使用此自定义元框将元数据添加到帖子或帖子类型中。保存或发布帖子时,此数据将存储在WordPress数据库中。
在WordPress主题中显示自定义元框数据
到目前为止,我们已成功创建了一个自定义元框并在我们的帖子编辑屏幕上显示。下一步是在WordPress主题上显示存储在这些字段中的数据。
首先,您需要编辑先前创建的自定义字段组。在“编辑字段组”页面上,您将看到自定义字段及其名称。
您需要这些字段名称才能在您的网站上显示。
高级自定义字段允许您以两种不同的方式执行此操作。
首先,您可以使用短代码在帖子中显示自定义字段。
[acf field =“article_byline”]
您还可以通过在WordPress主题文件中添加代码来显示它们。如果您之前没有这样做,那么请查看我们的初学者指南,了解如何在WordPress中复制和粘贴代码。
您需要编辑要在这些字段中显示数据的主题文件。例如,single.php,content.php,page.php等。
您需要确保在WordPress循环中添加代码。确保在循环中输入代码的最简单方法是在代码中查找如下所示的行:
<?php while ( have_posts() ) : the_post(); ?>
您可以在此行之后以及结束之前的行之前粘贴代码loop:
<?php endwhile; // end of the loop. ?>
您的自定义字段代码如下所示:
<h5 ><?php the_field("article_byline"); ?></h5>
此代码将显示输入到自定义元框的文章署列字段中的数据。
请注意我们如何使用CSS类将代码包装在h5标题中。这将有助于我们稍后通过在主题中添加自定义CSS来格式化和设置自定义字段的样式。
这是另一个例子:
<blockquote > <?php the_field("article_pullquote"); ?> </blockquote>
不要忘记用你自己的字段名替换字段名。
您现在可以访问已将数据输入自定义字段的帖子。您将能够看到显示的自定义元数据。
高级自定义字段是一个非常强大的插件,有很多选项。本教程仅涉及表面。如果您需要更多帮助,请不要忘记查看插件的文档,了解如何进一步扩展它。
我们希望本文能帮助您了解如何在WordPress帖子和帖子类型中添加自定义元框。您可能还希望看到有关如何为初学者提高WordPress速度和性能的分步指南。
是否要为WordPress帖子,页面和自定义帖子类型创建自定义元框?自定义元框通常用于提供更好的用户界面,以便将自定义字段(元数据)添加到您的内容中。在本文中,我们将解释什么是自定义元框,以及如何在WordPress帖子和帖子类型中轻松添加自定义元框。
什么是WordPress中的自定义元框?
自定义元框是一个更友好的用户界面,可以在帖子,页面和其他自定义帖子类型中添加自定义字段(元数据)。
WordPress附带一个易于使用的界面,可帮助您创建帖子和页面或自定义帖子类型等内容。
通常,每种内容类型都包含实际内容及其元数据。元数据是与该内容相关的信息,如日期和时间,作者姓名,标题等。您还可以使用自定义字段添加自己的元数据。
但是,使用默认自定义字段框添加元数据不是很直观。这就是自定义元框的用武之地。
WordPress允许开发人员在帖子编辑屏幕上创建和添加自己的自定义元框。这就是最受欢迎的插件在帖子编辑屏幕上添加不同选项的方式。
例如,Yoast SEO插件中的SEO标题和元描述框是一个自定义元框:
尽管如此,让我们看看如何在WordPress帖子中轻松添加自定义元框和帖子类型。
在WordPress中创建自定义元框
首先,您需要做的是安装并激活高级自定义字段插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。
激活后,插件会向WordPress管理栏添加一个标有“自定义字段”的新菜单项。单击它将转到自定义字段页面。
由于您尚未创建任何自定义字段,因此该页面将为空。继续,点击“添加新”按钮继续。
您将进入“添加新字段组”页面。
在这里,您需要为您的字段组提供标题。此标题将用作元框的标题。
之后,您可以开始添加字段。只需单击“+添加字段”按钮即可添加第一个字段。
这将打开字段设置表单。首先,您需要为您的领域提供标签。此标签将显示在字段前的元框中。
之后,您需要选择字段类型。高级自定义字段插件允许您从一系列选项中进行选择。这包括文本,文本区域,单选按钮,复选框,完整的WYSIWYG编辑器,图像等。
接下来,您需要提供字段说明。这些说明将告诉用户要添加到该字段中的内容。
在此之下,您将找到适合您所在领域的其他选项。您需要仔细查看这些选项并根据需要进行调整。
接下来,单击关闭字段按钮以折叠字段。
如果您需要向元数据库中添加更多字段,请单击“+添加字段”按钮添加另一个字段。
完成添加字段后,您可以向下滚动到位置部分。您可以在此处定义元框的显示时间和位置。
高级自定义字段附带了一些预定义规则供您选择。例如,您可以选择帖子类型,帖子类别,分类,页面父级等。
接下来是元框选项设置。
首先,您需要选择订单号。如果为一个位置定义了多个字段组,则可以选择要显示的订单号。如果您不确定,请将其保留为0.
接下来,您需要选择页面上的元框位置。您可以选择在内容之后,内容之前或右侧列中显示它。
在此之下,您需要为元框选择一种样式。您可以选择它与所有其他WordPress元框一样,或者您可以选择它是无缝的(没有任何元框)。
如果您不确定,请选择标准(WP Meta box)选项。
最后,您将看到通常在帖子编辑屏幕上显示的字段列表。如果要在帖子编辑屏幕上隐藏特定字段,则可以在此处进行检查。如果您不确定,那么最好不要选中它们。
完成后,单击“发布”按钮以使您的字段组生效。
恭喜,您已成功为WordPress帖子或帖子类型创建自定义元框。
根据您的设置,您现在可以访问您的帖子或帖子类型,以查看您的自定义元框。
您可以使用此自定义元框将元数据添加到帖子或帖子类型中。保存或发布帖子时,此数据将存储在WordPress数据库中。
在WordPress主题中显示自定义元框数据
到目前为止,我们已成功创建了一个自定义元框并在我们的帖子编辑屏幕上显示。下一步是在WordPress主题上显示存储在这些字段中的数据。
首先,您需要编辑先前创建的自定义字段组。在“编辑字段组”页面上,您将看到自定义字段及其名称。
您需要这些字段名称才能在您的网站上显示。
高级自定义字段允许您以两种不同的方式执行此操作。
首先,您可以使用短代码在帖子中显示自定义字段。
[acf field =“article_byline”]
您还可以通过在WordPress主题文件中添加代码来显示它们。如果您之前没有这样做,那么请查看我们的初学者指南,了解如何在WordPress中复制和粘贴代码。
您需要编辑要在这些字段中显示数据的主题文件。例如,single.php,content.php,page.php等。
您需要确保在WordPress循环中添加代码。确保在循环中输入代码的最简单方法是在代码中查找如下所示的行:
<?php while ( have_posts() ) : the_post(); ?>
您可以在此行之后以及结束之前的行之前粘贴代码loop:
<?php endwhile; // end of the loop. ?>
您的自定义字段代码如下所示:
<h5 ><?php the_field("article_byline"); ?></h5>
此代码将显示输入到自定义元框的文章署列字段中的数据。
请注意我们如何使用CSS类将代码包装在h5标题中。这将有助于我们稍后通过在主题中添加自定义CSS来格式化和设置自定义字段的样式。
这是另一个例子:
<blockquote > <?php the_field("article_pullquote"); ?> </blockquote>
不要忘记用你自己的字段名替换字段名。
您现在可以访问已将数据输入自定义字段的帖子。您将能够看到显示的自定义元数据。
高级自定义字段是一个非常强大的插件,有很多选项。本教程仅涉及表面。如果您需要更多帮助,请不要忘记查看插件的文档,了解如何进一步扩展它。
我们希望本文能帮助您了解如何在WordPress帖子和帖子类型中添加自定义元框。您可能还希望看到有关如何为初学者提高WordPress速度和性能的分步指南。