如何在 WordPress 中创建和使用自定义字段
已发表: 2023-02-17WordPress 自定义字段是扩展您网站上典型帖子或页面内容的好方法。 它们是附加到您的 WordPress 网站上的帖子或页面的元数据片段,这意味着通过使用此方法,您可以向您的内容添加任何类型的附加信息。
自定义字段以键/值格式组织,用于在多个帖子或页面中添加数据。 键是提供一致性并标识特定字段的名称,例如“项目”。 这总是一样的。 值是将显示在字段中的信息。 根据输入的信息,不同帖子的值会有所不同。
将自定义字段添加到帖子
以下步骤将向您展示如何在帖子中使用自定义字段。 如果您更愿意在页面上使用它们,同样的想法也适用,但必须在负责构建页面而不是帖子的模板文件中实现。
1. 转到帖子编辑器屏幕并选中“自定义字段”。
2. 在帖子编辑过程中找到自定义字段框。 当您在帖子页面上时,您会在底部看到一个标题为“自定义字段”的新部分。
现在让我们看一下 WordPress 自定义字段的一个非常基本的例子。 健身博客的这个例子会让事情变得更美好。 我们将使用自定义字段来跟踪和列出帖子中的各种类型的身体活动。
3. 添加键,在本例中为“运动类型”。 我们将使用此框向帖子添加特定详细信息。 单击“Enter new”并在字段中键入密钥。
4. 添加值。 让我们和尊巴一起去吧。 请记住,这只会出现在这篇特定的帖子中。 在不同的帖子中,您可以输入不同的值,例如“椭圆”或其他类型的锻炼。
5. 保存帖子。
此时此刻,你实际上不会看到太多。 您仍然需要添加一些格式来显示信息。 到目前为止,此附加信息已存储在数据库中,因此可以调用它来显示。 对于本教程,我选择在帖子(而不是页面)上显示这些自定义字段,因此我将通过最基本的方式来格式化所有内容。
在帖子上显示自定义字段
使用模板修改将自定义字段添加为重复出现的站点数据是一种有效的处理方式。 假设您首先在帖子的开头显示自定义字段,但后来决定将其放在底部看起来更好。 通过使用模板修改,这种改变很容易做到,因为改变模板会更新整个站点。 如果您不使用此方法,而是将信息单独保存在每个帖子中,则必须编辑每个帖子才能进行更改,从而使更改变得更加困难。
对于此示例,自定义字段将显示在帖子之前,以便读者在阅读整篇帖子之前可以正确地看到练习类型。 要以这种方式显示,数据将在 WordPress 循环之前被调用。
注意:这些自定义当然应该在子主题中完成,我们将使用single.php
文件。 与往常一样,像这样的自定义最好在开发环境中进行测试。
1. 打开single.php
文件并在 WordPress 循环之外添加此代码:
<?php the_meta(); ?>
它将显示如下内容:
如果您希望将其显示在页面的其他位置,请尝试将该片段放在循环中或循环之后。 例如,通过将函数放在<main>
标记内,自定义字段信息将显示为主要内容的一部分。
<div class="content-area"> <main class="site-main" role="main">
这种方法也适用于显示您创建的其他自定义字段。
关于此示例需要提及的一件事:子主题是从非常流行的 WordPress Twenty Fifteen 父主题创建的。 如果您正在试验显示自定义字段的位置,除了single.php
文件之外,您的子主题中可能还需要其他模板。 为了在帖子中显示信息,将content.php
添加到子主题。 上面的代码片段被放置在页面的内容中,因此它显示为帖子的一部分。
2. 设置字段样式。 如果您转到检查器,您会看到页面中添加了一些新类。
以下是包含两个不同自定义字段的示例:
- 尊巴舞
- 早上
作为列表使用非常简单。 通过一些样式,它看起来会与网站的风格更加融合。 只需修改几个简单的 CSS,我们就可以调整文本颜色和列表样式。
ul.post-meta li { color: #898989; list-style-type: none; } ul.post-meta li span.post-meta-key { color: #1fc3d2; font-weight: bold; }
更多自定义字段自定义
前面示例中的样式将工作得很好,但我们要做的更多。 以下示例将向您展示如何使用针对特定用例的其他显示选项来调整自定义字段。 将自定义字段作为帖子的一部分阅读并使用有用的标题设置上下文将是对帖子的一个很好的补充。 如果你是一步步来的,一定要注释掉<?php the_meta(); ?>
<?php the_meta(); ?>
您在上一个示例中添加的。
对于这个例子,事情已经略有修改。 密钥已简化为“练习”,因此可以更轻松地将其添加到模板中,并且代码片段已添加到子主题的 content.php 文件中,因此它将出现在帖子内容中,而不是之前或之后.
<?php $exercises = get_post_meta($post->ID, 'exercises', false); ?> <h3>Today's exercise:</h3> <ul> <?php foreach($exercises as $exercise) { echo '<li>'.$exercise.'</li>'; } ?> </ul>
自定义字段现在以列表格式显示在“今天的练习:”标题下方。 这已被设置为<h3>
,但可以轻松调整为另一种标题或段落样式。 如果您不希望它采用列表格式,也可以根据您的喜好进行结构化。
有条件的习惯
领域
有时可能不包括自定义字段。 比方说,有一篇文章没有锻炼价值。 这将允许您显示备用信息,因此它不仅仅是留空。
<?php $exercises = get_post_meta($post->ID, 'exercises', true); ?> <h3>Today's exercise:</h3> <ul> <?php if ($exercises) { ?> <?php echo '<li>' .$exercises. '</li>'; ?> <?php } //if there is nothing for exercises then display else { ?> <li>Today was a rest day.</li>
高级自定义字段插件
按照该教程,您可以轻松地启动和运行自定义字段。 如果您更愿意使用插件来添加自定义字段,那么也有一些选项可供选择。 高级自定义字段是一个非常受欢迎的选项。 这取代了 WordPress 中的默认自定义字段界面。 从本教程创建的最终产品也可以使用此插件创建。
现场组
Advanced Custom Fields 插件允许字段组,这一点值得一提,因为它们与上述教程密切相关。 本质上,我们创建了一个非常基本的迷你字段组版本。 高级自定义字段组包含自定义字段、位置规则和显示选项。 每个字段组将使用其位置规则在需要时在正确的位置显示字段。 与手动操作一样,这些显示选项允许您根据需要自定义页面。 这个插件有很多字段组可供选择。
这几乎触及了这个插件可以做什么的皮毛。 要获得全貌,请务必访问高级自定义字段网站。
自定义字段是 WordPress 开箱即用的功能。 只需对模板进行一些修改,您就可以轻松地将此功能添加到您的网站。 这些步骤涵盖了基础知识,通过一些实验,您将清楚地了解如何实现自定义字段。 在计划您的下一个项目时,请务必考虑自定义字段提供的灵活性。 它们可以容纳各种类型的内容,同时可以轻松进行站点范围的更改。