如何更改 WordPress 帖子中的图像属性

Question

Wordpress 帖子显示以下图片结果。

<img class="large alignnone size-full wp-image-8" src="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg" alt="" width="960" height="654" srcset="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg 960w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-300x204.jpg 300w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-768x523.jpg 768w" sizes="(max-width: 960px) 100vw, 960px">

我怎样才能改变这些输出如下？

• 删除 srcset
• 将 src 替换为原始数据

最终结果应该有属性：data-original、classes、width、height。

需要 WordPress 查询。

请不要使用 jQuery。

Answer 1

WordPress 有一个内置的钩子来修改或更改图像 HTML wp_get_attachment_image_attributes.

代码如下：

function wh_alter_attachment_image($attr)
{
    if (isset($attr['srcset']))
        unset($attr['srcset']);
    if (isset($attr['src']))
    {
        $attr['data-original'] = $attr['src'];
        unset($attr['src']);
    }
    return $attr;
}

add_filter('wp_get_attachment_image_attributes', 'wh_alter_attachment_image');

代码进入您的活动子主题（或主题）的functions.php 文件。或者也可以在任何插件 php 文件中。
代码已经过测试并且可以工作。

希望这会有所帮助！