在WordPress中实现响应式图片，可以使用wp_get_attachment_image_src()函数结合HTML的srcset和sizes属性。以下是如何在WordPress主题中实现响应式图片的步骤：

1. 首先，确保你的图片上传到媒体库时，WordPress会生成不同尺寸的图片。这通常在设置 > 媒体中配置。

2. 使用wp_get_attachment_image_src()函数获取图片的URL和尺寸信息。

3. 将这些信息用于srcset和sizes属性，以便浏览器可以根据屏幕尺寸选择合适的图片。

以下是一个示例代码：

<?php
// 假设你已经有了附件ID $attachment_id
$attachment_id = 123; // 替换为实际的附件ID

// 使用wp_get_attachment_image_src获取图片信息
$image_src = wp_get_attachment_image_src($attachment_id, 'full'); // 获取全尺寸图片
$image_sizes = get_intermediate_image_sizes(); // 获取所有中间尺寸

// 创建srcset字符串
$srcset = '';

foreach ($image_sizes as $size) {
    $image_srcset = wp_get_attachment_image_src($attachment_id, $size);
    if ($image_srcset) {
        $srcset .= $image_srcset[0] . ' ' . $image_srcset[1] . 'w, ';
    }
}

// 移除最后的逗号和空格
$srcset = rtrim($srcset, ', ');

// 创建sizes字符串
$sizes = '(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 33vw';

// 输出图片标签
echo '<img src="' . esc_url($image_src[0]) . '" srcset="' . esc_attr($srcset) . '" sizes="' . esc_attr($sizes) . '" alt="' . esc_attr(get_post_meta($attachment_id, '_wp_attachment_image_alt', true)) . '" />';
?>

在这个例子中：

• $attachment_id是图片的附件ID。
• wp_get_attachment_image_src()函数用于获取全尺寸图片和其他尺寸的图片。
• $image_sizes数组包含了WordPress生成的所有中间尺寸。
• $srcset字符串包含了不同尺寸的图片URL和宽度描述符，用于srcset属性。
• $sizes字符串定义了在不同视口宽度下图片的显示尺寸，用于sizes属性。
• 最后，使用echo输出带有srcset和sizes属性的<img>标签。

请注意，上述代码仅作为示例，实际使用时可能需要根据你的具体需求进行调整。例如，你可能需要根据你的主题或页面布局来调整sizes属性中的值。