Параметры позиционирования обрезки размеров изображений

Параметр $crop функции add_image_size() ранее был лишь логическим значением – true or false. true означал жёсткую обрезку по размерам, false – мягкую пропорциональную обрезку, подробнее тут. Теперь же (а точнее начиная с WordPress 3.9) вы можете передавать массив с параметрами позиционирования обрезаемой области (x_crop_position, y_crop_position), но в этом случае у нас всегда используется жёсткая обрезка!

Ребята, рекомендую вам свой видеокурс по созданию темы WordPress на основе вёрстки!

Например, если вы любите обрезать изображения по центру:

add_image_size( 'homepage-thumb', 250, 250, array( 'center', 'center' ) );

Как это работает на самом деле!

  1. Предположим вы загружаете изображение 1000×2000 на сайт,
  2. Сначала оно будет пропорционально уменьшено и станет – 250х500,
  3. После этого у нас используется жёсткая обрезка, и она произойдёт по центру изображения.

Вот пример:

Область обрезки изображения по центру функцией add_image_size() в WordPress

А вот и другие варианты значений параметра $crop:

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

Ещё один пример – если мы попробуем загрузить это же изображение, и применим любой из параметров: left top, right top, center top, то результат будет всегда одинаков, потому что это вертикальное изображение:

Обрезка изображения WordPress при создании размеров по верхнему краю

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.