瑞安高端网站制作:如何创建WordPress自定义字段

瑞安网站建设 | 2019-04-02

WordPress能够允许作者将自定义字段分配给POST。这个额外的信息被称为元数据。自定义帖子的元数据可以是诸如情绪状态之类的信息,也可以是当前作为WordPress代码指出。在最近的时间里,自定义字段允许用户通过比以前更多地扩展他们的文章,使他们的博客变得更有人情味,也可以完全定制。这些字段可以扩展到不仅仅包括许多用户已经知道的元数据。

瑞安高端网站制作这篇文章将分享实现自定义字段的不同方法,以及如何从头创建WordPress自定义字段的教程。

实例

首先,您需要收集自定义字段真正是什么。还有什么比看到一些例子更好的方法呢?
如果实现正确,自定义字段可以包含几乎所有可以想到的值。有些例子包括但不限于:

如果您查看WordPress管理区域,您会注意到当您单击添加新在员额在POST内容文本区域下面的字段标题为自定义字段。有可能你不会看到这个功能。如果没有,请查看窗口的右上角,然后单击屏幕选项。从那里确保自定义字段选项被选中。一旦被选中,你应该看到它在你的屏幕底部,就像下面一样。

瑞安高端网站制作

自定义字段在您的编辑器之下,在您的管理区域内,当您做一个新的帖子。

自定义字段部分包含两个标有标签的输入字段。名字,姓名和价值。名称输入通常是标识符,一旦使用,将触发WordPress在Value字段中显示内容。

一个例子就是名字,姓名contact-link价值Contact Us.

一旦添加了自定义字段,它就应该显示在WordPress主题中预定义的区域中。只需记住,除非您的主题已经进行了自定义,否则默认情况下不会显示自定义字段。我一会儿就教你怎么做。

插件

有一些伟大的插件,可以处理所有功能的自定义字段为您。我收集了一些我自己最喜欢的东西。

高级自定义域

高级自定义字段是为WordPress开发人员构建的插件。即使插件做了很多繁重的工作,您仍然需要编辑一些模板文件来包含它帮助您创建的自定义字段。高级自定义字段插件不是从头开始编写代码,而是允许您使用向导创建将显示自定义字段的内容、方式或位置。例如,假设您希望特定的POST类型在发布到特定类别时仅显示特定的元信息。使用ACF插件,您可以设置它,当您在管理区域中选择一个类别时,一个全新的界面将允许您包含自定义的元数据,例如照片、缩略图、标题、链接等等。瑞安高端网站制作只是对这个插件所能做的事情有所了解。去看看自己看看。他(她,它)们的网站也做了一个伟大的工作解释什么插件是什么,它可以实现什么。

高级自定义域主页-WordPress的自定义字段插件

pods是一个插件,可以轻松地创建自定义内容类型和字段。它提供了一个向导,它可以帮助您构建自定义字段和POST类型,而无需接触代码行。豆荚还扩展到已经构建的POST类型、分类法、自定义字段等。这个插件允许您自定义主题的几乎所有方面。用户帐户中的区域、短代码、小部件等都可以作为目标,以便为用户提供独特的体验。

豆荚插件

类型

Types是一个插件,它提供自定义POST类型、分类和字段。这个插件是一个插件家族的一部分,它提供了开发和定制任何WordPress主题的能力,而不需要触及一行PHP代码。设置事情是一件轻而易举的事情,有了这个插件,瑞安高端网站制作就可以轻松地撤销你的工作。Types还提供可重复的POST类型,为您的主题提供几乎无休止的自定义。

插件类型-主页

用自定义字段扩展主题

要开始工作,最好在一个或多个博客文章上发布一些自定义字段。下面,您将看到我使用Divi2.0主题创建的一个示例帖子。

以下是管理视图中的帖子:

我已经包含了一些内容,一个标题,您会注意到我添加了一个自定义字段。我用author-link为名字,姓名投入和Andy Leverenz为钥匙投入。我的计划是在我在这个主题下写的每一篇文章之后,添加一个简短的信息来提醒那些写博客文章的用户。

这篇文章发表后的表现如下:

我们的自定义字段正在输出。

此时,您将注意到内容和标题的输出,而不是自定义字段值。为了使这些值显示出来,我们需要在主题代码中添加少量PHP到WordPress循环函数中。
现在就开始吧。

如果您愿意编辑一些主题的代码,那么就有机会在WordPress主题中定义您自己的自定义字段。要启动,您需要一个代码编辑器并访问位于wp-content/themes/yourthemename.

在代码编辑器中打开整个主题文件夹。你需要找到你的主要WordPress循环的发源地。在我的例子中,我使用的是我们优雅的主题库中的Divi2.0主题。

如果需要刷新WordPress循环的外观,可以在WordPress代码或者查看我在下面提供的代码:

# The WordPress Loop
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
//  Your Code/Content Here
<?php endwhileelse: ?>
<?php endif; ?>

上面的代码是著名WordPress循环的一个简单示例。如果您跟随并安装了Divi主题,您将注意到循环中的一些代码。这些内容和代码将生成您的博客文章,以动态显示在您的网站上。

由于我想在每个帖子之后插入一个关于每个帖子作者的简介,所以我需要找到循环的结尾,就在它之前添加下面的代码:

<div class="author-blurb">
    <p>This post was written by : <?php echo get_post_meta($post->ID, 'author-link', true); ?> </p>
</div>

循环可以在不同的文件中找到。二.index.php特别是,文件将我们的文章显示为摘录,单击后将带您到我们的single.php文件的循环。二.single.php文件通常会显示文章的全部内容。由于我们不希望自定义字段在我们的主页上可见,所以我将只在我们的single.php档案。我把它放在循环的末尾.

我的帖子现在看起来是这样的:

如果你真的很努力,你会注意到我们的自定义字段后,我们的文章的内容结束。找那些写着这篇文章是安迪·莱弗伦茨写的.

我们瑞安高端网站制作已经成功地添加了一个自定义字段。让我们通过创建一个新的帖子来确保它再次工作。为了简洁起见,我将使用另一个名称作为作者名。

这是我们在行政区域的新职位:

我们名字,姓名再次输入author-link而我们钥匙的链接John Doe

当我们点击发布时,内容被发送到我们的数据库并输出到我们的网页上。如果您单击我们新发布的文章,您应该会看到内容、标题和自定义字段的正确显示。

造型

为了使我们的自定义字段更加突出,我将包括一些简单的CSS,以空间以及提供一个更有吸引力的外观。

如果您正在跟踪,请将下面的CSS添加到样式表中。

.author-blurb {
    border-top1px solid #e2e2e2;
    font-size16px;
    margin-top2em;
    padding-top1em;
}

随着样式的应用,我们的作者脱口而出块现在看起来像它属于每个帖子。

我们的自定义字段有一些CSS样式。

再进一步

您可能需要提供多个值的自定义字段。例如,一组独特的图像或歌曲。在自定义字段面板中,您可以添加任意数量的字段。只要自定义字段名相同,甚至可以在一个简单的行代码中显示一组自定义字段。

让我们试试看:

我们定制的歌曲标题字段。

我创建了一个新职位“以女孩命名的歌曲”..我还添加了少量的内容和6个新的自定义字段条目。

我们的自定义字段的名称是song-title我们的关键是和制作它的艺术家一起唱一首歌。

现在,我们需要包括代码,以显示歌曲标题自定义字段到我们的帖子。如果您预计会有许多类似于此的帖子,那么创建自定义POST类型可能是一个很好的机会,因此您可以只为这种类型的帖子构建一个自定义模板,但是为了本教程,我们将修改我们的single.php再归档一次。如果您想学习如何在主题中添加自定义POST类型,请查看我的关于这件事的另一篇文章.

打开single.php文件并添加下面的代码。请确保它是在您的主要内容区域中添加的,并且在我们的作者脱口而出我们之前创建的自定义POST类型之前。

<?php $songs = get_post_meta($post->ID, 'song-title', false); ?>
    <ul>
        <?php foreach($songs as $song) {
            echo '<li>'.$song.'</li>';
            } ?>
    </ul>

上面的代码成功地遍历了我们所有的自定义字段输入,并显示了我们添加的每个输入。我们没有添加多行PHP,而是对其进行编码,以便PHP循环遍历每个自定义字段,并将它们显示为一个未排序的列表。

我们的文章现在看起来像下面的图片在发表后:

我们的自定义字段显示在无序列表中。

这种类型的代码可以组合成一个函数,然后作为一个简短的代码来包含在我们的主编辑器中,而不是将特定的代码添加到single.php档案。这种类型的概念最好保存到另一篇博客文章中。

完成

现在,瑞安高端网站制作希望您能更多地了解什么是自定义字段,以及如何使用它们来真正利用WordPress发布功能。许多自定义字段可以包含在文章、页面、自定义模板等。所有这一切都取决于你对如何集成它们或找到解决问题的最佳方法的理解。上面的插件完全可以完成我在本教程中向您展示的内容,然后是一些插件。我建议您尝试添加您自己的插件,所以当您使用插件时,您真正了解当您向WordPress主题添加自定义字段支持时会发生什么情况。


上一篇:瑞安做网站:在WordPress网站上使用MailChimp增加读者下一篇:瑞安企业网站设计:5个WordPress共享Instagram提要的伟大插件