Я создал пользовательское меню для своего сайта 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>
но, получив тот же результат, изображение загружается при загрузке страницы, а не при активации меню.
Задача ещё не решена.
Других решений пока нет …