Как обрезать изображения в wordpress

Статья читается: 1 мин.

Приветствую на блоге !

Хотя я в предидущей статье обещал вам рассказать вам про внутреннюю перелинковку блога, но на этот раз не сдержу своего слова и расскажу о том, как можно обрезать изображение на wordpress.

Но спешу вас уверить — то обещание обязательно выполню в самых новых статьях своего блога.

А теперь, устраивайтесь поудобнее и поехали!

Знаете ли вы, что на wordpress можно редактировать картинки (обрезать, повернуть, развернуть)? Сегодня я покажу как обрезать изображения прямо в редакторе wordpress.

Ниже показаны две почти одинаковые галереи. Различие лишь в том, что во второй показаны обрезанные участки изображений первой галереи.

Галерея №1

  • Прикосновение рук

    Прикосновение рук
  • Рука с мячом

    Рука с мячом
  • Тайский десерт

    Тайский десерт

Галерея №2

  • Прикосновение рук

    Прикосновение рук
  • Рука с мячом

    Рука с мячом
  • Тайский десерт

    Тайский десерт

В вордпрессе обрезать можно любое изображение (не обязательно из галереи) и вставить в запись. Но я покажу на примере галереи.

Как обрезать миниатюры изображений в галереи WordPress

Примечание: Я предполагаю что у вас есть уже галерея. Если вы не знаете как создать галерею в wordpress, прочитайте пожалуйста это руководство.

Шаг 1. Откройте галерею для редактирования.

Убедитесь что находитесь в визуальном редакторе и нажмите кнопку редактировать галерею, как показано на скриншоте:

115

Шаг 2. Выберите изображение для редактирования.

Нажмите на изображение, которое хотите обрезать, а затем нажмите на кнопку «Редактировать». WordPress откроет изображение для редактирования в новой вкладке. Не закрывайте предыдущую вкладку (с редактировать галерею) к ней еще вернемся позже.

2221

Шаг 3. Сделайте обрезку изображения.

67

На первый взгляд редактирование изображения может показаться сложным и не интуитивно понятным. Но если знать и выполнять в соответствующей последовательности этапы, редактирование будет простым.

  1. Выделите на картинке мышкой область которую хотите оставить.
  2. Выберите пропорции. (Мне нужен квадрат, поэтому выбрал 1:1 ). В поле «размер» можете подкорректировать область выделения.
  3. Перейдите в выделенную область и удерживая левую кнопку мышки уточните область кадра.
  4. Нажмите кнопку «Обрезка» в правом верхнем углу.
  5. Убедитесь, что изменения касаются только миниатюр (в моем случае).
  6. Нажмите кнопку «Сохранить».

Шаг 4. Обновление галереи.

Вернитесь в редактирование галереи. Для этого перейдите во вкладку, которая открылась на 2 шаге. Можете выбрать другую картинку для кадрирования (обрезки) или просто обновить галерею.

Шаг 5. Сохраните изменения в записи, содержащую галерею.

Обновите запись, которая содержит галерею.

Резюме.

Таким образом можно редактировать любое изображение на wordpress не используя различные графические редакторы для изменения картинки. Все что вам нужно это WordPress!

На этом все! Удачи во всем!

С вами был — Юрич!

До скорых встреч.

Вам понравилась статья?
плохохорошо (Пока оценок нет)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на ВордПресс более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на вордресс, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!
3 комментария к статье "Как обрезать изображения в wordpress"
  1. Plastall.com.ua: 25.06.2016 в 01:00 - Ответить

    Артем, здравствуйте! А как связать миниатюру с записью? чтобы кликнул на миниатюру и перешел на пост. Как у Вас на главной странице. Спасибо за ответ.

  2. Юрич: 25.06.2016 в 22:23 - Ответить

    Plastall.com.ua, здравствуйте!
    Ну, во-первых — меня зовут Виктор, а не Артем))),
    а во-вторых — ссылку не так сложно добавить, как кажется на первый взгляд. Приведу пример кода как сделано у меня:
    <!—Вывод миниатюры—>
    <?php if ( has_post_thumbnail()): ?>
    <a href=»<?php the_permalink(); ?>»>
    <?php the_post_thumbnail(array(200,113), array(«class» => «alignleft»)); ?> //цифры задают сам размер миниатюры
    </a>
    <?php endif;?>
    <!—/Вывод миниатюры—>

  3. Stankopil.ru: 06.09.2016 в 13:04 - Ответить

    При добавлении миниатюры к записи в WordPress часто возникает ситуация, когда изображение обрезается не так, как нам необходимо. Исправить эту проблему поможет бесплатный плагин Post Thumbnail Editor.