wordpress - 在 Gutenberg 图像、封面和画廊 - 块中编辑 srcset 和尺寸属性

Question

我正在寻找一种方法来处理 Gutenberg 图像块上的响应式 srcset 和尺寸属性 - 例如图像、封面和画廊。

通常会使用“wp_get_attachment_image_attributes”过滤器来做到这一点，例如：

function new_img_sizes( $attr, $attachment, $size ) {
    if ( is_array( $size ) ) {
        $attr['sizes'] = $size[0] . 'px';
    } elseif ( $size == 'large') {
        $attr['sizes'] = '99999px';
    }
    return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'new_img_sizes', 25, 3 );

但古腾堡街区对此没有反应。有没有其他方法或方法可以利用这个过滤器来改变他们的 srcset 行为？

Answer 1

您在问题中显示的代码不是您正确执行的方式。Wordpress 有一个完整的文档页面来说明如何做到这一点。你应该这样做：

add_action( 'after_setup_theme', 'wpdocs_theme_setup' );
function wpdocs_theme_setup() {
    add_image_size( 'category-thumb', 300 ); // 300 pixels wide (and unlimited height)
    add_image_size( 'homepage-thumb', 220, 180, true ); // (cropped)
}