Categories: Начинающим

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

Знаете ли вы, что вы можете сделать базовое редактирование изображений в админке WordPress? Это включает в себя обрезку изображения, вращение, масштабирование размеров изображения и их переворачивание по вертикали или горизонтали.

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

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

Видеоурок(это видео)

Если вам не нравится видео или вам нужны дополнительные инструкции, продолжайте чтение.

Редактирование изображений в админке WordPress

Первое, что вам нужно сделать, это загрузить свое изображение в WordPress. Вы можете загрузить изображение в редакторе сообщений во время написания сообщения или в разделе Медиа »Добавить новую страницу.^

После того, как вы загрузили изображение, вам нужно зайти на страницу Медиа »Библиотека. Теперь найдите изображение, которое вы только что загрузили и нажмите на него.^

Это откроет изображение во всплывающем окне. Вы увидите детали изображения в правом столбце и предварительный просмотр изображения слева.

Теперь есть два способа открыть изображение с помощью встроенного редактора изображений WordPress.

Первый вариант – нажать кнопку «Редактировать изображение» под предварительным просмотром изображения, чтобы открыть всплывающий редактор изображений. Второй вариант – щелкнуть ссылку «Изменить сведения об изображении».^

Нажатие на ссылку редактирования информации об изображении закроет всплывающее окно с мультимедиа и откроет страницу редактирования мультимедиа.^

Отсюда вы можете нажать кнопку «Редактировать изображение» под предварительным просмотром изображения. Это откроет экран редактирования изображения.^

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

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

1. Обрезать – позволяет обрезать изображения, просто нажмите кнопку и затем выберите область изображения, которую вы хотите обрезать из исходного изображения.

2. Повернуть – две кнопки поворота позволяют поворачивать изображение по часовой стрелке и против часовой стрелки.

3. Перевернуть – кнопки перевернуть позволяют перевернуть изображение по горизонтали или вертикали.

4. Отменить / Повторить. Если вам не нравится внесенное вами изменение, просто отмените изменения или повторите их, чтобы вернуться.

Теперь давайте посмотрим на опции, которые у вас есть в правом столбце экрана редактирования изображения.^

1. Масштабировать изображение – этот параметр можно использовать для ручного масштабирования изображения с сохранением исходных пропорций. Используйте эту опцию перед кадрированием изображения, иначе вы не сможете сохранить пропорции изображения.

Примечание. Вы можете уменьшить изображение только в WordPress. Вы не можете увеличить изображения, увеличив размеры изображения.

2. Соотношение сторон – если вы хотите сохранить определенное соотношение сторон без изменений, тогда эта опция позволяет вам установить его. После этого вы можете нажать на кнопку обрезки, чтобы выбрать область, используя выбранный вами коэффициент.

3. Настройки миниатюр – Здесь вы можете выбрать, хотите ли вы применить эти изменения ко всем размерам изображений, только к миниатюрам или ко всем размерам изображений, кроме миниатюр. Имейте в виду, что этот эскиз – наименьший размер изображения, созданный WordPress для этого изображения. Это не то же самое, что рекомендуемое изображение или миниатюра поста.

Когда вы будете удовлетворены внесенными изменениями, не забудьте нажать кнопку «Сохранить», «Масштабировать» или «Обновить», чтобы сохранить изменения.

WordPress применит ваши изменения к изображению и создаст новую копию изображения на вашем сервере.

Как восстановить исходное изображение после редактирования

Если вас не устраивает отредактированное изображение, вы можете легко вернуться к исходной версии. Просто отредактируйте изображение снова, и на этот раз вы увидите новый мета-блок с надписью «Восстановить исходное изображение».^

Нажмите, чтобы развернуть его, а затем нажмите кнопку «Восстановить изображение». WordPress теперь восстановит ваше исходное изображение, и вы сможете отредактировать его снова или оставить как есть.

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

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас в Twitter и Facebook.

writer

Recent Posts

Плагин Delete Me для WordPress помогает владельцам веб-сайтов предоставить право на забвение GDPR

Поскольку до крайнего срока соблюдения GDPR ЕС осталось всего 178 дней , многие владельцы сайтов…

2 года ago

Команда Gutenberg наращивает юзабилити-тестирование в WordCamp US

Команда Gutenberg создаст станцию ​​тестирования удобства использования в WordCamp US, где посетители смогут принять участие…

2 года ago

Плагин распространителя теперь в бета-версии: новое решение для синдикации контента WordPress от 10up

Сегодня компания 10up опубликовала предварительную версию своего плагина Distributor , нового решения для синдикации контента…

2 года ago

Gutenberg 1.8 добавляет большую расширяемость для разработчиков плагинов

На этой неделе был выпущен Gutenberg 1.8 с несколькими заметными улучшениями, которые предоставят разработчикам плагинов…

2 года ago

Gutenberg 15.5 представляет экспериментальную поддержку разметки сетки

На этой неделе был выпущен Gutenberg 15.5 с новыми функциями и улучшениями возможностей полнофункционального редактирования…

2 года ago

DesktopServer 3.8.4 включает подарок сообществу

DesktopServer выпустил версию 3.8.4 своего программного обеспечения для локальной разработки. Эта версия включает в себя…

2 года ago