21.03.20

WordPress: пропали картинки из постов. Виноват srcset

После обновления WordPress исчезли картинки из постов

Салют, друзья! А было ли у вас такое, что после обновления WordPress исчезли картинки из постов, да и в общем со всего сайта? Если да, то читаем подробный гайд ниже как исправить эту проблему.

Авторы движка WordPress, начиная с версии 4.4, вписали в свою cms функционал, дающий возможность адаптировать изображения, те что содержатся непосредственно в самом шаблоне.

Во всем виноват srcset

Такая технология приобрела атрибут srcset — поддержка адаптивных изображений. Админы своих сайтов начали подмечать, что онлайн-инструментарий проверки показателей сайта — Google PageSpeed Insights неоднозначно воспринимает такой атрибут, уменьшая общие параметры загрузки страницы сайта.


Читайте также:


Не исключено, что подобные действия онлайн-сервиса обуславливается тем, что на текущий момент не всеми мобильными гаджетами поддерживается данный параметр. В случае, если и Вы увидели при проверке собственного web-ресурса схожую проблему, то следует обязательно выключить этот параметр.

И да, посмотрите на сайт при помощи мобильника, скорее всего, картинки в постах, особенно миниатюры, вообще отсутствуют.

Отключаем srcset

Отключаем атрибут srcset при помощи добавление особого кода в functions.php установленного и активного шаблона.

На случай, если не знаете, каким образом редактировать этот файл, то в помощь такой специальный плагин как — My Custom Functions. А те кто не любит танцевать под балалайку, а есть и такие, просто устанавливаем готовый плагин — Disable Responsive Images

Плагин My Custom Functions

Плагин 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' );

Вот и все! Увидимся в следующей статье!

Не забудь про опросник
Как зарабатываешь мешки с $ ?