php - 如何更改 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

最终结果应该有属性：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 文件中。
代码经过测试并且可以工作。

希望这可以帮助！