WordPress 自定义字段插件 Advanced Custom Fields

Advanced Custom Fields(简称ACF) 是一个 WordPress 插件,它允许您向WordPress 编辑屏幕添加额外的内容字段。这些额外的内容字段通常称为自定义字段,可以让您更快地构建网站并更快地交付您的客户。

Advanced Custom Fields
Advanced Custom Fields

一、介绍

自定义字段是 WordPress 的原生部分,出现在页面、帖子和自定义帖子类型上,但是,原生自定义字段界面不是非常用户友好。安装 Advanced Custom Fields 后,您可以定制要显示的字段及其外观。例如,您可能需要为您的主页选择一个“英雄形象”。您可以使用 Advanced Custom Fields 轻松创建此 Image 字段并在编辑主页时显示它!

二、字段类型

ACF字段类型
ACF字段类型
ACF字段类型
ACF字段类型
ACF字段类型
ACF字段类型

三、创建字段

Advanced Custom Fields 创建新的自定义字段是一个非常简单的过程,只需点击几下我们用户友好的字段生成器即可完成!您可以创建任意数量的字段,每个字段都有自己的名称、类型和设置。每个字段都被添加到一个组中,该组允许您组织字段并指定它们出现的编辑屏幕。

Advanced Custom Fields创建字段
Advanced Custom Fields创建字段

每个字段都包含用于自定义字段外观(其类型)、其值保存位置(其名称)以及其功能(其设置)的设置。编辑字段组时可以自定义这些字段设置。

要了解有关字段设置的更多信息,请阅读我们的字段设置指南

备注:字段不仅可用于帖子!您还可以在页面上显示您的自定义字段、自定义帖子类型、用户、分类术语、评论、媒体和自定义选项页面!

四、创建内容

创建完您的字段后,就该开始编辑您的内容了!我们所有的字段都非常直观,可以使用 WordPress 管理风格无缝显示。您不需要触发任何事件来显示或编辑自定义字段,它们将像 WP po​​st_title 和 post_content 字段一样出现和运行!只需输入您的内容并更新帖子!

五、显示字段

具体可以参考文章连接:https://www.advancedcustomfields.com/resources/code-examples/

显示字段值是 ACF 的派对作品!任何字段值都可以作为 PHP 变量返回,或者通过神奇的函数get_field()the_field(). 这些功能(以及许多其他功能)提供了一种开发人员友好的方式来自定义您的 WordPress 主题,而无需花费数小时阅读我们的文档!

下面是一些示例代码,看看我们直观的 API 是如何工作的!

<h1><?php the_title(); ?></h1>

<?php if( get_field('sub_heading') ): ?>
    <h2><?php the_field('sub_heading'); ?></h2>
<?php endif; ?>

<div class="hero">
    <?php $image = get_field('hero_image'); ?>
    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
</div>

<?php if( have_rows('event') ): ?>
    <ul>
    <?php while( have_rows('event') ): the_row(); ?>
        <li>
            <a href="<?php the_sub_field('url'); ?>"><?php the_sub_field('title'); ?></a>
        </li>
    <?php endwhile; ?>
    </ul>
<?php endif; ?>
ACF字段显示在产品编辑页面
ACF字段显示在产品编辑页面
ACF显示在前端
ACF显示在前端
滚动至顶部