Advanced Custom Fields 入门

Advanced Custom Fields 是一个 WordPress 自定义字段插件,它可以为你的WordPress 文章或页面展示其他自定义内容。这些新增的内容叫自定义字段,插件能让你更快的在网站中添加你想要的功能。

在本教程中,您将学习如何:

  • 安装 ACF 插件
  • 创建新字段
  • 填写字段内容
  • 在主题中显示字段

基础知识

自定义字段是 WordPress 的原生部分,出现在页面、文章和自定义文章类型里,但是,原生自定义字段界面不是很好用。安装 ACF 后,您可以定制要显示的字段和外观。例如,您可能需要为您的首页选择一个“轮播图”。你可以使用 ACF 轻松创建img图片字段并在编辑主页时显示它!

这是WordPress自带自定义字段和ACF高级自定义字段的区别。

安装插件

高级自定义字段插件没有预先安装在 WordPress 中,你需要先安装插件,登录网站后台并从插件页面搜索/安装 Advanced Custom Fields

有关详细说明,请阅读我们的分步说明指南

创建字段

创建新的自定义字段是非常简单,只需点击几下字段生成器即可!您可以创建任意数量的字段,每个字段都有自己的名称、类型和设置。每个字段都被添加到一个组中,并指定可以让它们出现在指定页面上。

每个字段都可以设置字段类型:例如,文本,图片,视频等,字段值保存位置的设置。

填写字段

创建完字段后,就该开始编辑你的内容了。

Advanced Custom Fields 入门教程

字段不仅可用于文章!还可以在页面上显示自定义字段、自定义文章类型、用户、分类目录、评论、媒体和自定义选项设置页面。

显示字段

基本上就使用2个标签来调用显示,通过函数get_field()the_field()

下面是一些示例代码,看看是如何调用的并显示字段

<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插件调用方法,请参阅我们的函数并查看我们的代码示例指南

 

发表评论

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

上一篇

WordPress 实现前台发布文章和直接前端编辑

下一篇

Advanced Custom Fields 入门-安装

相关文章