Как отключить кадрирование (обрезание) у картинок?
В шаблоне Root все картинки подгоняются к одинаковым размерам, чтобы сетка постов выглядела ровной и эстетичной.
Если возникла ситуация, когда нужно отключить кадрирование картинок, чтобы они не подгонялись к определенным размерам, а пропорционально уменьшались, вы можете использовать для этого хуки.
Добавьте в functions.php дочерней темы или в плагин ProFunctions код:
// отключить кадрирование у большой миниатюры
add_filter( 'root_thumb_big_sizes', function() {
return [ 770, 330, false ];
} );
// отключить кадрирование у маленькой миниатюры
add_filter( 'root_thumb_wide_sizes', function() {
return [ 330, 140, false ];
} );
С помощью данного кода отключается кадрирование у картинок (последний элемент false
).
При необходимости — здесь же можно изменить размеры. Например: [ 770, 330, false ]
обозначает, что картинка будет подогнана под ширину 770px или высоту 330px по большей стороне. Другая пропорционально уменьшится. Если у вас на сайте вертикальные картинки — значение 330 можно увеличить.
Внимание! После каждого изменения размера обязательно нужно перегенерировать миниатюры с помощью плагина Regenerate Thumbnails.
Если вы меняете размеры у маленькой миниатюры, дополнительно добавьте стили во Внешний вид > Настроить > Дополнительные стили:
.post-card__image img {
max-height: none;
}