WordPress获取内容时修改图片标签样式

WordPress6 新增了一个钩子：wp_content_img_tag。

使用这个钩子，可以在获取文章内容时，修改图片的样式。

function content_img_tag_add_border($filtered_image, $context, $attachment_id)
{
    $style = 'border: 1px solid #cccccc; border-radius: 10px;';
    $filtered_image = str_replace('<img ', '<img style="' . $style . '" ', $filtered_image);
    return $filtered_image;
}

add_filter('wp_content_img_tag', 'content_img_tag_add_border', 10, 3);

或者在图片的外面再套一层结构：

function content_img_tag_add_div($filtered_image, $context, $attachment_id)
{
    return '<div>' . $filtered_image . '<div>图片说明</div></div>';
}

add_filter('wp_content_img_tag', 'content_img_tag_add_div', 10, 3);