WordPress: почему не работает обрезка картинок через add_image_size?

Question

[Владислав]

Добрый день.
WordPress 5.0.3
Надо вывести изображение страницы определённого размера с обрезкой. Чтобы квадратная картинка выводилась прямоугольной с отрезанным верхом и низом нужного размера.
Делаю, как нагуглил:
functions.php:

add_theme_support( 'post-thumbnails' ); //миниатюра в посте (появление поля в админке)
add_image_size( 'pans_list', 100, 100, array( 'center', 'center' ) );  // Добавление собственного размера изображений

Вывод в цикле в шаблоне:

<?php the_post_thumbnail( 'pans_list', 'class=our-pans-item-img' ); ?>

Но в результате картинка просто масштабируется по ширине в 100 пикселей. Добавление обычного "true
add_image_size( 'pans_list', 100, 100, true );
даёт тот же эффект. Т.е. оно вроде и работает, но не так, как надо.

Что не так?

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Вы забыли сгенерировать миниатюры новых размеров.
Плагин regenerate thumbnails или force regenerate thumbnails
https://ru.wordpress.org/plugins/regenerate-thumbnails/
Так как у вас нет миниатюр нужных размеров, сейчас он просто берет картинку близкую размерами и масштабирует по ширине 100 пикс

Comments

[Владислав]

Странно, но нигде не говорилось про генерацию... Только add_image_size() и всё. А без плагина не обойтись разве? Дело-то не сложное, должно быть простое решение.

[Орхан Гасанлы]

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

[Владислав]

azerphoenix, Спасибо. Всё получилось.

[Владислав]

azerphoenix, Проблема вернулась.
Я добавляю ещё одну миниатюру:

add_image_size( 'doctor_carousel', 300, 300, array( 'center', 'center' ) );

В шаблоне пишу:

<?php the_post_thumbnail( 'doctor_carousel', 'class=personal-carousel-img mr-xe-bt-24' ); ?>

Поставил Regenerate thumbnails, который помог при создании предыдущей миниатюры.
Пересоздал миниатюры, перезалил картинку, но всё равно он масштабирует её по одной стороне 254*300, вместо того, чтобы резать 300*300.

[Орхан Гасанлы]

Владислав, здравствуйте!
По идее плагин regenerate thumbnails должен помочь. Было бы неплохо еще конфиги сервера проверить на наличие php5_gd, например.
Уверены, что именно миниатюра не создается нужных размеров и в CSS правилах не задано какое-нибудь правило? Например, height:300px; width: auto; и т.д.
Также такой нюанс - какой исходный размер загружаемого изображения? Если например, ширина или высота меньше изображения указанного размера миниатюры в add_thumbnail_size(), то конечно же, изображение не будет масштабироваться/кадироваться.

Другой вариант -

add_action('after_setup_theme', function() { 
add_image_size( 'doctor_carousel', 300, 300, array( 'center', 'center' ) );
}

А дальше уже пересоздать миниатюры regenerate thumbnails. Думаю, так должно получиться

[Владислав]

Да, дело оказалось в маленьких картинках, с меньшими размерами, чем надо кропать. Спасибо!

[Орхан Гасанлы]

Владислав, бывает)))

[Владислав]

Сейчас получается, что оно просто масштабирует картинки с меньшим измерением, чем указано в миниатюре, а не обрезает. Т.е. подгоняет только одно ширину картинки под размер, а высоту автоматически.
Т.е. вот:
А правило такое:

add_image_size( 'article_thumb', 505, 490, array( 'center', 'center' ) );

Из картинки 640 × 363 получается миниатюра 505x363.jpg
Как получить картинку 505*490?

[Орхан Гасанлы]

Владислав,

Как получить картинку 505*490 из картинки размером 640х363?

Никак. В моих предыдущих сообщениях я написал, что обрезка не работает на увеличение. А только на уменьшение. Т.е. невозможно обрезать картинку высотой 363 пикс. так, чтобы она была увеличена до 490 пикс. в высоту. Что касается пропорций, то можете глянуть здесь - alittlebit.ru/tools/proportsii-izobrazheniya
https://screenshots.firefox.com/ET8eQD6EVczDmUXd/a...

Также я бы рекомендовал вам посмотреть на цикл вывода записей и на стили. Чтобы исключить влияние на размер картинки извне

[Владислав]

Высчитывать пропорции смысла нет, т.к. загружаемые картинки абсолютно разные и с разными пропорциями. Видимо придётся стилями, типа background-size: cover...
Иных средств такого получения миниатюр нет? Именно, которые растягивают.

[Орхан Гасанлы]

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

[Владислав]

Спасибо!

[Ksander88]

Орхан Гасанлы, Здравствуйте, может поможете мне тоже? У меня после обновления вукомерц и темы, перестали новые фото в товарах отображаться квадратными, что делать не знаю, в настройках стоит 1:1, но я полагаю эти настройки не работаю вообще, откат делать не могу, уже много чего добавили после обновления

[Орхан Гасанлы]

Ksander88, здравствуйте, я давно ушел из сферы ВП, если честно. Рекомендую создать отдельный вопрос и изъяснить суть проблемы там. Желаю успехов