Lazyload - Wordpress - Добавляйте изображения в php файл правильно
Я создал пользовательское меню для своего сайта WordPress.
Мое меню - это Мега-меню с вкладками, первая вкладка содержит избранные бренды и показывает логотип брендов.
Я добавляю логотипы в меню, используя:
<ul>
<li><a data-filter=".97" href="/brand/brand-1/"><img src="/wp-content/uploads/2018/11/brand-Logo.png" alt="brand 1"><span></span></a></li>
</ul>
Однако я обнаружил, что даже когда меню не было активировано, изображения загружаются и не соответствуют правилам Lazyload.
я добавил изображения неправильно? Что-то, что я должен сделать, чтобы гарантировать, что они лениво загружены?
Я использую функцию Jetpack Lazyload.
Я попытался переместить изображения в папку в моей дочерней теме и использовать:
<ul>
<li><a data-filter=".97" href="/brand/brand-1/"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/brand-Logo.png" alt="brand 1"><span></span></a></li>
</ul>
но при том же результате изображение загружается при загрузке страницы, а не при активации меню.