Содержание
Салют, друзья! А было ли у вас такое, что после обновления WordPress исчезли картинки из постов, да и в общем со всего сайта? Если да, то читаем подробный гайд ниже как исправить эту проблему.
Авторы движка WordPress, начиная с версии 4.4, вписали в свою cms функционал, дающий возможность адаптировать изображения, те что содержатся непосредственно в самом шаблоне.
Во всем виноват srcset
Такая технология приобрела атрибут srcset — поддержка адаптивных изображений. Админы своих сайтов начали подмечать, что онлайн-инструментарий проверки показателей сайта — Google PageSpeed Insights
неоднозначно воспринимает такой атрибут, уменьшая общие параметры загрузки страницы сайта.
Читайте также:
- Удаляем атрибуты Type у скриптов и стилей WordPress
- Добавляем атрибуты Defer & Async для скриптов WordPress
- Как закрыть сайт WordPress на обслуживание? Проще некуда
Не исключено, что подобные действия онлайн-сервиса обуславливается тем, что на текущий момент не всеми мобильными гаджетами поддерживается данный параметр. В случае, если и Вы увидели при проверке собственного web-ресурса схожую проблему, то следует обязательно выключить этот параметр.
И да, посмотрите на сайт при помощи мобильника, скорее всего, картинки в постах, особенно миниатюры, вообще отсутствуют.
Отключаем srcset
Отключаем атрибут srcset
при помощи добавление особого кода в functions.php
установленного и активного шаблона.
На случай, если не знаете, каким образом редактировать этот файл, то в помощь такой специальный плагин как — My Custom Functions
. А те кто не любит танцевать под балалайку, а есть и такие, просто устанавливаем готовый плагин — Disable Responsive Images
Плагин My Custom Functions
wordpress.org/plugins/my-custom-functions
Плагин Disable Responsive Images
wordpress.org/plugins/disable-responsive-images
Готовый код
Добавляем в файл functions.php
следующие строки.
function cmswp_remove_srcset( $sources ) {
return false;
}
add_filter( 'wp_calculate_image_srcset', 'cmswp_remove_srcset' );
Если код выше не сработал, добавляем этот.
add_filter( 'wp_calculate_image_srcset_meta', '__return_null' );
Вот и все! Увидимся в следующей статье!