编辑 Wordpress Elementor 的 HTML - 向图像添加自定义属性

Question

我试图阻止某些首屏图像被延迟加载，但我无法访问图像的 html。只有包装纸。

有没有办法访问 Elementor Wordpress 的平面 HTML？

谢谢你

Answer 1

要将自定义属性添加到特定图像小部件的 IMG 标签，请按照以下步骤操作：

例如，如果您要求不延迟加载选定的图像，并且想要将属性

loading="eager"

添加到IMG标签中，

1. 将编辑小部件的高级选项卡中的 eager 类添加到您不想延迟加载的图像小部件。检查下面给出的屏幕截图：

2. 在子主题的functions.php文件中添加下面给出的代码

add_action( 'elementor/widget/render_content', function( $content, $widget ) {
    if ( 'image' === $widget->get_name() ) {
        $settings = $widget->get_settings();
        $classes = $settings['_css_classes'];
        if ( strpos( $classes, 'eager' ) !== false ) {
            $content = str_replace( '<img', '<img loading="eager"', $content );
        }
    }
    return $content;
}, 10, 2 );