删除Wordpress中第一个图像的延迟加载

Question

我想删除Wordpress中第一个图像上的延迟加载，用于每个帖子、页面和主页。

我不使用任何插件的懒惰加载图像，我需要一个默认的懒惰加载的解决方案通过wordpress添加。

我为functions.php找到了这个脚本，但它是为WP Rocket插件找到的，我没有这个插件。

因此，我对其进行了如下修改：

function add_responsive_class($content){
    if ( is_single() || is_page() || is_front_page() || is_home() ) {
        $content = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
        $document = new DOMDocument();
        libxml_use_internal_errors(true);
        $document->loadHTML(utf8_decode($content));

        $imgs = $document->getElementsByTagName('img');
        $img = $imgs[0];

        if ($imgs[0] == 1) { // Check if the post has images first
            $img->setAttribute('class','aligncenter size-full remove-lazy');
            $html = $document->saveHTML();
            return $html;
        }
        
        else {
            return $content;
        }
     }
     else {
         return $content;
     }
}
add_filter ('the_content', 'add_responsive_class');

现在，我只需要删除类为“aligncenter size full remove lazy”的图像上的延迟加载。

我尝试与此，后上述代码，但我有一个错误，它不工作：

function remove_lazy_loading_for_specific_class( $attributes ) {
    $attributes[] = 'class="aligncenter size-full remove-lazy"';
    return $attributes;
}
add_filter( 'wp_img_tag_add_loading_attr', 'remove_lazy_loading_for_specific_class' );

我该怎么做？谢谢

Answer 1

我只解决了这个问题：）

function add_responsive_class($content){
    if ( is_single() || is_page() || is_front_page() || is_home() ) {
        $content = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
        $document = new DOMDocument();
        libxml_use_internal_errors(true);
        $document->loadHTML(utf8_decode($content));

        $imgs = $document->getElementsByTagName('img');
        $img = $imgs[0];

        if ($imgs[0] == 1) { // Check if the post has images first
            $img->removeAttribute( 'loading' );
            $html = $document->saveHTML();
            return $html;
        }
        
        else {
            return $content;
        }
     }
     else {
         return $content;
     }
}
add_filter ('the_content', 'add_responsive_class');

Answer 2

不确定这是否有帮助，但为什么不给这个图像一个ID或一个类，并删除WordPress默认使用removeAttribute（）方法添加的lazy属性呢。