Как выводить адаптивные изображение в WordPress?

Question

[avprinciple]

<?php 
  $image = get_field('services_image');
    if( !empty( $image ) ): ?>
    <?php echo wp_get_attachment_image( $image['id'], '', false, array( 'class' => 'services__image' ) );  ?>
    <?php endif; ?>

Изображение выводится со всеми srcset, но скачивается/подставляется самый большой размер, как правильно выводить, чтобы подгружалось и подставлялось в код картинка, которая соответствует экрану девайса?

Или как вообще правильно выводить/делать адаптивные изображение на WordPress? Мб какой-то плагин.

Comments

[yarovikov]

На телефоне тоже подставляется самый большой размер?

[avprinciple]

yarovikov, да, я через инструменты разработчика в chrome менял девайсы и смотрел какая картинка загружается.

Я знаю что в wp_get_attachment_image, вторым параметром идёт размер, но я думал, что эта функция умеет отслеживать размер экрана и автоматов подгружать нужную картинку.

Картинка загружалась изначально через ACF поле, выводится, wordpress все нарезает, проверил в uploud папке

[yarovikov]

avprinciple, сайт ток на локалке? Глянуть бы

[avprinciple]

yarovikov, на локалке исходники, в интернете тож есть, в интернете же тестил через тему twenty-twenty, ставил изображение не через ACF поле, а прикреплял изображение к записи, всё равно, подгружается только одна картинка - максимального размера.

[yarovikov]

avprinciple, надо смотреть

Answer 1

[Вова Дружаев]

Мне кажется вы не так смотрите. Надо взглянуть на сайт.

В теме есть поддержка https://developer.wordpress.org/reference/function... ?
если вы видите srcset - значит есть.