Как создать фото “до и после” в WordPress

В последнее время эффект “до и после” стал весьма популярен, что не удивительно, ведь он позволяет наглядно продемонстрировать отличия, например, на одном и том же снимке. Она незаменима в тех случаях, когда нужно сравнить что либо, указать на разницу в снимках или подчеркнуть эффект.

Благодаря инструментам, используем на WordPress, вам понадобится несколько минут, чтобы создать фото в стиле “до и после”. Главное — не забудьте подготовить изображения заранее (чтобы они подходили по размеру и пр.).

Для того, чтобы продемонстрировать как работает плагин, мы установили движок WordPress на хостинг https://s-host.com.ua/. Теперь у нас есть сайт, на котором мы сможем разобраться, как работает Twenty20 Image Before-After.

Установка плагина

Обычно для создания фото в стиле “до и после” используются специальные графические программы, однако мы будем использовать плагин Twenty20 Image Before-After. Перейдите на страницу “Консоль”/”Плагины”/”Добавить новый”, чтобы установить и активировать расширение.

Обратите внимание на то, что вы можете приступать к работу с плагином срау же после его добавления на сайт. Одним словом, отсутствие каких-либо дополнительных настроек существенно облегчает использование Twenty20 Image Before-After.

Создание фото “до и после”

Перейдите к созданию/редактированию записи и вы увидите , что в редакторе появились две новые кнопки: Add Twenty20 и HelpT20. Если вторая кнопка нужна для получения справочной информации о плагине, то первая — для создания фото. Кликните на нее и вы автоматически попадете в “Библиотеку файлов”. Здесь вам предстоит выбрать два снимка (прежде чем добавлять их в медиагалерею, убедитесь, что они одного размера):

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

  • ширина изображения (Width);
  • смещение полосы прокрутки относительно центра изображения (Offset);
  • формат размещения: по горизонтали или по вертикали (Direction);
  • выравнивание: по левому или по правому краю (Alignment):

Нажмите Insert Shortcode и сохраните изменения на странице. Перейдите на сайт, чтобы проверить, как отображается фото “до и после”:

Как вы видите, вам не обязательно использовать графические программы, чтобы создавать фото “до и после”. Вы можете добавлять их сразу же после установки движка на хостинг и активации плагина Twenty20 Image Before-After. Согласитесь, более простого решения для этой задачи попросту не существует.

Ссылка на этот материал:

<a href="http://arti-cool.ru/kak-sozdat-foto-do-i-posle-v-wordpress/">Как создать фото “до и после” в WordPress</a>

Читайте также:

Добавить комментарий

Scroll Up
Cart Item Removed. Undo
  • No products in the cart.