WordPress Elementor如何访问图片纯HTML？首屏图片懒加载禁用需求

获取Elementor中图片的纯HTML代码 #

• 编辑器内直接查看：打开Elementor编辑器，选中图片所在的外层容器，点击面板中的「高级」选项卡，下拉找到「自定义HTML」；或者右键点击容器，选择「编辑HTML」（部分版本叫「查看源代码」），就能看到容器及内部图片的完整HTML结构。要是找不到，点击编辑器左下角的</>图标切换到「代码编辑器」模式，这里能看到整个页面的纯HTML，直接搜图片相关标签就能定位。
• 前端页面提取：打开网站前端页面，右键选「查看页面源代码」，搜索图片的类名（比如Elementor图片常用elementor-image）找到对应的<img>标签；或者按F12打开开发者工具，选中图片元素后右键点击标签，选「复制」->「复制 outer HTML」，直接拿到图片的完整HTML代码。

不用改HTML直接禁用首屏图片懒加载 #

• Elementor内置设置：选中图片模块（点击容器内的图片就能选中），在「内容」选项卡找到「懒加载」开关直接关闭。要是想全局控制，进Elementor -> 设置 -> 高级，找到「懒加载」选项，要么关闭全局懒加载，要么给首屏图片加个特定类名（比如no-lazy），在排除规则里填这个类名就行。
• WordPress代码过滤：在主题的functions.php里加以下代码，要么全局禁用Elementor懒加载，要么排除指定类的图片：

// 禁用Elementor全局图片懒加载
add_filter( 'elementor/images/lazy_loading/enabled', '__return_false' );

// 排除带no-lazy类的图片懒加载
add_filter( 'elementor/images/lazy_loading/exclude_classes', function( $classes ) {
    $classes[] = 'no-lazy';
    return $classes;
} );

内容的提问来源于stack exchange，提问作者Joshep95