Отзывы — это стандартный модуль Divi. С его помощью можно разместить отзывы клиентов о ваших товарах и услугах, и тем самым повысить доверие потенциальных клиентов. В статье мы расскажем, как разместить и оформить список отзывов:
Как добавить модуль «Отзывы» на сайт
- 1 Перейдите в режим редактирования сайта.
- 2 Выберите строку, в которую хотите добавить модуль и нажмите на серый плюс.
-
3
Выберите модуль Отзывы:
После этого переходите к настройкам, которые хранятся в 3 вкладках: «Контент», «Дизайн» и «Дополнительно».
Контент
-
1
В блоке «Текст» укажите автора отзыва, его должность и название компании. Введите текст отзыва:
-
2
Чтобы добавить фото автора отзыва, в блоке «Изображение» кликните на плюс в сером круге:
-
3
Выберите файл:
-
4
Загрузите изображение:
-
5
Нажмите на галочку:
Дизайн
В этой вкладке можно настроить вид отзыва с помощью блоков:
- Значок цитаты — отредактировать вид значка «цитата»;
- Изображение — закруглить или заострить границы фотографии;
- Текст — выбрать положение, цвет и тень всего текста;
- Тело Текст — форматировать текст отзыва;
- Автор Текст — изменить начертание имени автора;
- Позиционирование Текст — форматировать должность;
- Компания Текст — редактировать вид названия компании;
- Размеры — настроить ширину и положение текста;
- Отступы — указать отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
- Граница — добавить и закруглить границы плеера и обложки. Это можно сделать как сразу для всех, так и для отдельных углов;
- Тень контейнера — создать тень списка плеера и обложки;
- Фильтр — настроить оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания.
- Преобразовать — масштабировать обложку и плеер, повернуть и настроить перекос;
- Анимация — добавить анимацию перед показом фотографии.
Дополнительно
Здесь можно добавить свои настройки, написанные на CSS. Всё это можно сделать в блоках «ID и классы CSS» и «Пользовательский CSS». Также доступны блоки:
- Видимость — отключить отображение модуля на определённом устройстве: например, на планшете или смартфоне;
- Переходы — настроить длительность анимации;
- Позиционирование — зафиксировать положение модуля на странице;
- Эффект прокрутки — настроить ползунок прокрутки для просмотра обложки отзыва.
Помогла ли вам статья?
Спасибо за оценку. Рады помочь 😊