Intereting Posts
Подтвердить адрес электронной почты для подтверждения заказа Как я могу вызвать функцию PHP внутри жесткокодированного кода? Как загрузить изображения вручную в WordPress? WordPress MultiSite не будет работать в Google AppEngine Является ли «Лучшее содержание» в Двадцать четырнадцать, выполненным с помощью плагина, или он является родным в WP4.0? Shortcode не обрабатывается при добавлении в поле параметра с помощью wp_editor Как сделать большие изменения в реальном времени? add_image_size для типа сообщения Post Admin – Фильтровать сообщениями без тегов Зная общее количество сообщений, прежде чем попасть в цикл Лучшая коллекция кода для вашего .htaccess файла Создание пользовательских сообщений в меню пользовательских категорий Настроить описание мета автоматически Присвоение меток сообщению с переднего конца с использованием плагина tag-it jquery UI «Trick» плагин (WP-Members), чтобы думать, что язык блога изменился для одной страницы

Как изменить размер изображений WordPress при загрузке до определенной высоты и ширины без обрезки

Мне нужно, чтобы WordPress автоматически изменял изображения при загрузке, чтобы соответствовать определенной ширине и высоте. (скажем 300px на 400px)

Я знаю функцию add_image_size (), но, похоже, это не соответствует моим потребностям. Изображение либо изменено, но оно сохраняет его соотношение или оно изменяется до желаемой ширины и высоты, но обрезается ! Это не то, что я ищу.

Мне нужно, чтобы изображение «содержалось» в прямоугольник 300×400, например, свойство css «background-size: содержать» со скошенными полями на границах, если изображение имеет другое отношение.

Любая идея, пожалуйста? 🙂

Solutions Collecting From Web of "Как изменить размер изображений WordPress при загрузке до определенной высоты и ширины без обрезки"

Изменение размера изображения WordPress не создает изображение на холсте, оно просто изменяет размеры магов, чтобы подрезать их, если вы расскажете об этом.

add_image_size('contained-image', 300, 400); 

вы получите нужный размер изображения, но не почтовый ящик.

Изображения будут изменены в соответствии с плотностью прямоугольника 300×400. Однако они не будут дополнены до 300×400 с границей, сохраненной как часть изображения.

Вы должны быть в состоянии добиться этого в своем CSS с чем-то вроде

 img.size-contained-image { width: 300px; height: 400px; object-fit: contain; } 

Хотя IE и старые браузеры не поддерживают это, существуют полисы.

Если вы вызываете изображения в свою тему, вы можете обернуть их в div и использовать CSS, чтобы получить результат.

Также можно подключиться к изменению размера WP и сделать свое дело. Например, плагины с водяными знаками делают это.