为WordPress主题添加图片懒加载功能可以通过以下步骤实现:
function add_lazyload_script() {
echo "<script>
var lazyLoadInstance = new LazyLoad({
elements_selector: '.lazy'
});
</script>";
}
add_action( 'wp_footer', 'add_lazyload_script', 9999 );
<img class="lazy" src="placeholder.jpg" data-src="image.jpg" alt="Image" />
请注意,上述示例代码中的"placeholder.jpg"为占位图的路径,"image.jpg"为实际图片的路径。你需要根据实际情况替换这些路径。
此外,你还需要确保已经引入了LazyLoad.js的库文件。可以通过CDN链接或将库文件下载并放置在主题目录中。
这样,你的WordPress主题就添加了图片懒加载功能。