На персональных сайтах, при необходимости принято показывать фотографии До и После, не прибегая к анимации, видео и скриншотам рабочей области. Во-первых, потому что сейчас от процесса сравнения ждут интерактивности. Во-вторых, слайдеры смотрятся более солидно. В WordPress их можно создать, используя плагины:
BEAF
С его помощью удобно создавать слайдеры и целые галереи До и После, и которые можно без ограничений использовать во всех основных блочных редакторах:
- Gutenberg
- Elementor
- Beaver Builder
- Visual Composer
В бесплатной версии есть все необходимое фотографу и ретушеру.
Подробнее | Документация | Демоверсия
Image Comparison Block
Минималистичное решение от Achal Jain. Просто добавляется блок (поддержка ограничена, к сожалению, блочным редактором Gutenberg), с помощью которого мы создаем и настраиваем, по своему усмотрению, слайдер До и После:
- уточняем степень прозрачности;
- выбираем стиль (вертикальный / горизонтальный);
- если нужно, добавляем примечания.
И все, пользуемся. 🙂
Twenty20 Image Before-After
Старейший плагин, который к этому моменту поддерживает блочные редакторы — Elementor, Visual Composer и все (во многом, потому что создавался во времена классического редактора WordPress).
Если не смущает отсутствие поддержки Gutenberg, то обратите внимание и на него (неплох, и в сети много документации по нему, особенно на англоязычных ресурсах).
<…>
Чтобы ускорить выбор, воспользуйтесь сравнительной таблицей:
| BEAF | Image Comparison Block | Twenty20 Image Before-After | |
| Gutenberg | + | + | — |
| Elementor | + | — | + |
| Beaver Builder | + | — | — |
| Visual Composer | + | — | + |
| Слайдер | + | + | + |
| Галерея | + | — | — |
| Шорткоды | + | — | + |
| Произвольный фон | + | — | — |
| Пользовательские стили | + | + | — |
| Дополнительные кнопки | + | — | — |
<…>
Мир всем, и попутного света на местах фотографических баталий.
Ваш,
Андрей Бондарь.
Добавить комментарий