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

Параметр $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 лично, у себя в блогах и на курсах в Санкт-Петербурге. Умеет просто объяснять сложные вещи, делает это красиво. Организовывает неплохие WordCamp's, но совсем не умеет слушать чужие доклады.

Добавить комментарий

%d такие блоггеры, как: