ACF插件的使用教程：向分类术语添加字段

本指南是演示ACF（Advanced Custom Fields）如何向分类术语添加自定义字段，然后修改术语的模板文件 HTML。

术语可以是已添加到网站的 WordPress 类别、标签或其他自定义分类法等项目。例如，WooCommerce 等流行插件在激活后会添加自定义分类法。

添加字段

高级自定义字段插件可以很容易地向分类术语添加自定义字段，请按照以下步骤操作。

1. 在“自定义字段”管理屏幕中，单击“添加新”按钮以创建一个新的字段组
2. 添加编辑分类术语时想要看到的字段
3. 在位置下，选择分类术语规则并选择相应的值以显示此字段组

编辑字段

创建字段组并将其指定为分类术语编辑屏幕后，通过导航到适当的分类法即可编辑字段值。例如：如果已将字段组分配给帖子类别，请导航至帖子 > 类别。

显示字段

category.php只需编辑主题中的、tag.php或文件，即可轻松自定义 WordPress 分类术语的 HTML taxonomy.php。根据主题，还可以使用模板部分或过滤器来自定义 HTML。

此示例显示如何修改category.phptwentyseventeen 主题的模板并将类别图像和颜色输出到样式标签。

<?php
/**
 * The template for displaying category archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */
get_header(); 
// get the current taxonomy term
$term = get_queried_object();
// vars
$image = get_field('image', $term);
$color = get_field('color', $term);
?>
<style type="text/css">
    
    .entry-title a {
        color: <?php echo $color; ?>;
    }
    
    <?php if( $image ): ?>
    .site-header {
        background-image: url(<?php echo $image['url']; ?>);
    }
    <?php endif; ?>
    
</style>
<div class="wrap">
    
    <?php // Remaining template removed from example ?>
<?php
/**
 * The template for displaying category archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

get_header(); 


// get the current taxonomy term
$term = get_queried_object();


// vars
$image = get_field('image', $term);
$color = get_field('color', $term);

?>
<style type="text/css">
    
    .entry-title a {
        color: <?php echo $color; ?>;
    }
    
    <?php if( $image ): ?>
    .site-header {
        background-image: url(<?php echo $image['url']; ?>);
    }
    <?php endif; ?>
    
</style>
<div class="wrap">
    
    <?php // Remaining template removed from example ?>
<?php
/**
 * The template for displaying category archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

get_header(); 


// get the current taxonomy term
$term = get_queried_object();


// vars
$image = get_field('image', $term);
$color = get_field('color', $term);

?>
<style type="text/css">
    
    .entry-title a {
        color: <?php echo $color; ?>;
    }
    
    <?php if( $image ): ?>
    .site-header {
        background-image: url(<?php echo $image['url']; ?>);
    }
    <?php endif; ?>
    
</style>
<div class="wrap">
    
    <?php // Remaining template removed from example ?>

例子

以下是上述代码在浏览器中的显示效果。

注意：网站标题图像现在反映了类别图像，并且所有条目标题均为绿色。