Как добавить фотографии до и после на ваш сайт WordPress
Фото до и после — один из самых эффективных маркетинговых приемов. Путь к окончательным результатам часто бывает долгим и ужасным. Показывая людям, что находится в конце этой дороги, вы создаете очень убедительную рекламную презентацию.
Если вы хотите показать фотографии до и после на своем сайте WordPress, вам не нужен Photoshop или какие-либо дизайнерские навыки. В этом коротком уроке мы покажем вам, как создавать гладкие фотографии до и после.
Как работает фотоэффект до и после?
Существует множество способов создать изображение до и после, но если вы хотите сделать его быстрым и в то же время хорошо продуманным, установите плагин Twenty20 Image Before-After . Когда у вас есть этот плагин, вы можете создавать новые фотографии до и после, когда захотите, и размещать их на любой странице вашего сайта.
Вместо статического изображения посетители вашего сайта получают интерактивный слайдер. Конечно, этот плагин можно использовать для сравнения или отображения двух сторон одного и того же продукта.
Теперь мы проведем вас через процесс настройки плагина и добавления фотографий до и после на ваш сайт WordPress.
Отображение фото до и после в WordPress
Поскольку плагин Twenty20 Image Before-After имеет открытый исходный код, вы можете найти его в каталоге плагинов WordPress. Просто зайдите в панель администратора и нажмите «Плагины»> «Добавить новый». Вы найдете нужный плагин, введя его название в строку поиска.
Выберите плагин и нажмите кнопку «Установить». Как только WordPress загрузит и установит плагин, вы увидите сообщение со ссылкой для активации. Нажмите на нее, чтобы активировать плагин. Теперь вы готовы его использовать. нужно видео руководство по установке плагинов, вот подробное руководство по установке плагинов WordPress.
Когда вы решите создать изображение слайдера до и после, перейдите к бэкенду страницы. Вы увидите шорткод Twenty20.
Нажмите на нее, чтобы открыть медиатеку WordPress или загрузить нужные фотографии. Выберите две фотографии и нажмите кнопку «Вставить».
Когда вы это сделаете, вы увидите всплывающее окно с полями, в которые вы можете добавить текст и настроить ширину, значение смещения, выравнивание, действие триггера, направление ползунка и т. д. Когда вы настраиваете свою фотографию до и после, нажмите кнопку «Вставить шорткод».
Предварительно просмотрите страницу и проверьте, как выглядит ваше изображение до и после. Когда вы сдвинете ручку в сторону, появится другое изображение.
Плагин WordPress для фотографий до и после отзывчив и работает на всех устройствах. Как видите, он может похвастаться простым и понятным пользовательским интерфейсом. Он поддерживает WP Bakery Visual Composer, Elementor Page Builder и UX Builder от UXThemes.
Теперь все готово. С помощью этого плагина вы можете создавать неограниченное количество изображений до и после! Если вы хотите обогатить свой веб-сайт более удивительными фотоэффектами, перейдите к этому списку лучших плагинов для слайдеров WordPress.