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

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

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

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

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

Знаете ли вы, что на 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!

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

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

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


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.
3 комментария к статье "Как обрезать изображения в wordpress"
  1. Stankopil.ru: 06.09.2016 в 13:04

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

  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. Plastall.com.ua: 25.06.2016 в 01:00

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

Заказать сайт