如何输出 ACF 自定义字段来代替 WordPress 特色图片

Question

我正在使用 ACF 高级自定义字段插件来创建自定义字段。我有一个要输出的字段来代替默认的 WordPress 特色图片。基本上，我用自定义字段替换了默认的 WordPress 特色图像功能。自定义字段包含一段 html 代码，其中包含 3 个图像 - 1 个背景图像和图像顶部的两个图像（我正在使用 CSS 正确对齐它们。）这就是我想使用自定义字段选项的原因。

我真的不知道如何解决这个问题，我真的希望有人有解决方案。

Answer 1

您必须将_filter 添加到post_thumbnail_html 函数

这是一个示例，您必须根据需要更改 $html 变量

functions.php

add_filter('post_thumbnail_html', 'change_post_thumbnail_html', 10, 5);
function change_post_thumbnail_html($html, $post_id, $post_thumbnail_id, $size, $attr)
{
    global $post;
    $post_field_1 = get_field('first-image',$post->ID);
    $post_field_2 = get_field('second-image',$post->ID);

    $html = '<div class="acf-thumbnail_container">';
    $html .= '<div class="acf-first_thumbnail">';
    $html .= $post_field_1; // if it return an array you can use wp_get_attachment_image($post_field_1); to generate image
    $html .= '</div>';
    $html .= '<div class="acf-second_thumbnail">';
    $html .= $post_field_2;
    $html .= '</div>';
    $html .= '</div>';

    return $html;

}