Вы недовольны тем, как WordPress обрезает изображения миниатюр ваших постов?
В некоторых случаях WordPress может потребоваться автоматически обрезать края миниатюры вашего сообщения. Это не всегда выглядит очень хорошо, и обычно вы можете создать лучшую миниатюру, вручную обрезав изображение и отредактировав его другими способами.
В этой статье мы покажем вам, как обрезать и редактировать миниатюры постов WordPress.
Зачем обрезать и редактировать миниатюры сообщений WordPress?
Самый простой способ сделать новую запись в блоге более привлекательной — добавить миниатюру или главное изображение. Почти все темы WordPress поставляются со встроенной поддержкой тематических изображений и красиво отображают их в различных областях вашего сайта WordPress.
В зависимости от используемой темы WordPress может автоматически обрезать миниатюру вашего сообщения. Иногда это может обрезать важную часть изображения, оставляя плохое впечатление у посетителей.
Давайте рассмотрим, как обрезать миниатюры постов WordPress вручную. Мы также покажем вам, как редактировать миниатюры другими способами.
Обрезка и редактирование эскизов сообщений в WordPress
Знаете ли вы, что в WordPress можно выполнять базовое редактирование изображений?? Функция WordPress «редактировать изображение» позволяет обрезать, поворачивать, переворачивать и масштабировать изображения.
Это удобно для быстрого редактирования, особенно когда у вас нет доступа к более мощному программному обеспечению для редактирования изображений на вашем основном компьютере.
Чтобы начать работу, вам нужно открыть пост, содержащий миниатюру, которую вы хотите отредактировать. Справа вам нужно прокрутить вниз до панели главного изображения, а затем щелкнуть по изображению.
Откроется медиатека WordPress с выбранным вами основным изображением. Справа находится область, где вы можете добавить alt-текст, заголовок, подпись и описание для вашего изображения.
Вверху, в разделе «Детали вложения», вы также найдете ссылку «Редактировать изображение».
Когда вы нажмете на эту ссылку, вы попадете на страницу «Редактировать изображение».
Здесь вы найдете предварительный просмотр изображения, кнопки для обрезки изображения, редактирования различными способами и несколько других опций, полезных при масштабировании или обрезке изображения.
Сначала вам следует заглянуть в раздел «Настройки эскизов». Здесь вы можете выбрать, применить ли изменения ко всем размерам изображения, только к миниатюре или ко всем размерам, кроме миниатюры.
Имейте в виду, что эта настройка эскиза предназначена для самого маленького размера изображения, создаваемого WordPress для этого изображения, например, когда вы используете блок «Последние сообщения». Это не то же самое, что и главное изображение или миниатюра поста.
Эти настройки позволяют создать одну версию изображения для главного изображения или эскиза поста, а другую — для маленькой эскизы.
В этом руководстве мы будем использовать опцию по умолчанию «Все размеры изображений».
Обрезка эскизов сообщений WordPress
Чтобы обрезать изображение, нужно нажать кнопку «Обрезать» в верхней части экрана.
Теперь вы увидите ручки на каждом углу и краю изображения. Вы можете перетащить эти ручки, чтобы выбрать часть изображения, которая должна остаться после обрезки.
Перетаскивая ручки, вы можете следить за полями «Выбор» справа в разделе «Обрезка изображения», чтобы контролировать размеры изображения, до которых оно будет обрезано.
Когда вы будете довольны, просто нажмите кнопку «Обрезать» еще раз, чтобы обрезать изображение.
Чаще всего обрезать изображение миниатюры поста в WordPress нужно для того, чтобы убедиться, что оно имеет правильное соотношение сторон для вашей темы, например 1:1 (квадратное) или 16:9. Вы можете использовать настройки ‘Соотношение сторон’, чтобы облегчить выбор области с правильным соотношением сторон.
Вы просто вводите нужное вам соотношение сторон, и ваше выделение будет сохранено в этом соотношении.
Например, мы введем соотношение сторон 1:1, чтобы изображение было квадратным. Когда вы проводите мышью по изображению, его форма всегда будет квадратной.
Когда вы будете довольны выбором, не забудьте снова нажать кнопку «Обрезать».
После этого нажмите кнопку «Сохранить», чтобы сохранить измененное изображение.
Масштабирование эскизов постов WordPress
Важно не использовать слишком большие изображения, иначе это повлияет на производительность вашего сайта. Вы можете узнать больше в нашем руководстве о том, как оптимизировать изображения для работы в Интернете.
Когда вы импортируете фотографию с телефона или цифровой камеры, она будет иметь очень высокое разрешение. Уменьшение размеров изображения до более приемлемых позволит ему загружаться быстрее.
Наше изображение имеет разрешение 2560×1637 пикселей, что больше, чем нужно для миниатюры поста. Мы можем уменьшить его до ширины 1200 пикселей, введя в первое поле ‘Scale Image’.
Обратите внимание, что высота изображения автоматически изменяется, чтобы сохранить пропорции изображения.
Далее необходимо нажать кнопку ‘Scale’, чтобы изменить разрешение изображения. Не забудьте нажать кнопку «Сохранить», чтобы сохранить изменения.
Обратите внимание, что в WordPress можно только уменьшить масштаб изображения. Вы не можете сделать изображение больше, увеличив его размеры.
Поворот эскизов постов WordPress
Если миниатюра вашего поста выглядит неправильно из-за того, что она повернута боком, вы можете исправить это с помощью редактора изображений WordPress.
Вы найдете две кнопки, которые поворачивают изображение. Повернуть влево» повернет его против часовой стрелки, а «Повернуть вправо» — по часовой стрелке.
Обязательно нажмите кнопку «Сохранить», чтобы сохранить изменения.
Переворачивание эскизов постов WordPress
Вы также можете перевернуть изображение. Это полезно, например, если на изображении есть надпись, которая отображается в перевернутом виде.
Нажатие кнопки «Перевернуть горизонтально» мгновенно создает зеркальное изображение.
Нажатие на кнопку «Перевернуть вертикально» перевернет изображение вверх ногами.
После завершения работы вам нужно нажать кнопку «Сохранить», чтобы сохранить изменения.
Восстановление эскизов сообщений WordPress
Когда вы сохраняете изменения изображения, WordPress сохраняет копию исходного изображения. Вы можете восстановить это изображение в любое время.
Просто вернитесь на экран WordPress «Редактировать изображение», и вы увидите новую панель с надписью «Восстановить исходное изображение».
Чтобы развернуть эту область, нужно нажать кнопку со стрелкой вниз. Теперь вы увидите кнопку с надписью «Восстановить изображение».
После нажатия этой кнопки все изменения будут отменены, и исходное изображение будет восстановлено.
В этом случае вам не нужно сохранять изменения, так как изображение уже восстановлено.
Обрезка и редактирование эскизов WordPress на компьютере
Хотя редактор изображений WordPress удобен, обычно вам будет проще обрезать и редактировать их с помощью сторонних программ для редактирования изображений на вашем компьютере.
Adobe Photoshop — это программное приложение премиум-класса для создания и редактирования изображений. Это больше, чем вам нужно для редактирования миниатюр постов, но это хороший вариант, если вы знакомы с ним и он уже установлен на вашем компьютере.
В качестве альтернативы вы также можете использовать одну из многих доступных альтернатив Photoshop. Affinity Photo, Pixelmator Pro и GIMP предлагают комплексные инструменты для обрезки и редактирования изображений.
Третий вариант — использовать программу просмотра фотографий. Эти приложения просты в использовании и часто имеют основные функции обрезки и редактирования. Некоторые хорошие варианты — Irfanview для Windows и Apple Photos для Mac.
Несмотря на сходство, эти инструменты работают по-разному. Это означает, что после выбора приложения вам нужно будет ознакомиться с его инструментами. В качестве примера, вот скриншот использования инструмента обрезки в Affinity Paint.
Мы надеемся, что это руководство помогло вам узнать, как обрезать и редактировать миниатюры постов WordPress. Вы также можете узнать, как создать контактную форму в WordPress, или ознакомиться с нашим списком лучших плагинов для социальных сетей.
Источник: www.wpbeginner.com