如何使用浏览器本机图像懒加载加载到wordpress画廊？

Question

如何使用loading="lazy"短代码在Wordpress Galleries中实现浏览器的图像本地延迟加载（[gallery]？

Answer 1

将下面的代码放入主题functions.php文件中>

add_filter( 'do_shortcode_tag', 'roka_lazy_load_gallery_images', 99, 4 );
function roka_lazy_load_gallery_images( $output, $tag, $attr, $m ) {

    if( $tag !== 'gallery' ) return $output;

    $output = str_replace( '<img ', '<img loading="lazy" ', $output );

    return $output;
}