Прежде чем вы сможете добавить модуль отзывов на свою страницу, вы должны сначала получить доступ к Divi Builder. Однажды Диви тема установлен на вашем сайте, вы увидите кнопку Использовать Divi Builder над редактором сообщений всякий раз, когда вы создаете новую страницу. Нажмите эту кнопку, чтобы активировать Divi Builder и получить доступ ко всем предлагаемым им модулям. Затем нажмите на кнопку Использовать Visual Builder для запуска генератора в визуальном режиме. Вы также можете нажать кнопку Включить Visual Builder когда вы просматриваете свой веб-сайт на переднем плане, если вы подключены к своей панели управления WordPress.
После входа в Visual Builder вы можете нажать серую кнопку «плюс», чтобы добавить новый модуль на свою страницу. Новые модули можно добавлять только внутри строк. Если вы начинаете новую страницу, не забудьте сначала добавить строку на свою страницу.
Найдите модуль отзывов в списке модулей и щелкните его, чтобы добавить на свою страницу. Список модулей доступен для поиска, что означает, что вы также можете ввести «отзыв», а затем нажать клавишу ВВОД, чтобы автоматически найти и добавить модуль отзывов! После добавления модуля вы увидите список опций модуля. Эти параметры разделены на три основные группы: Содержание , Дизайн et Передовой .
Пример использования: раздел отзывов на странице продукта
Добавление раздела отзывов — один из лучших способов содействовать ваш продукт или услуга. В этом примере я покажу вам, как использовать модуль «Отзывы» для создания раздела отзывов внизу целевой страницы, чтобы содействовать ваш продукт или услуга. Раздел отзывов называется «Счастливые клиенты». Важно иметь эффективное название, которое будет одновременно креативным и актуальным. Все три отзыва короткие и расположены в три колонки, за которыми следует кнопка CTA внизу страницы.
Чтобы добавить на страницу раздел отзывов, используйте визуальный конструктор, чтобы добавить стандартный раздел со строкой из трех столбцов. Затем добавьте модуль отзывов в первый столбец вашей строки.
Обновите настройки модуля Testimonial следующим образом:
Контент
Имя автора: [введите имя]
Название статьи: [введите название]
Название компании: [введите компанию]
Содержание: [введите содержание характеристики]
URL портретного изображения: [загрузить изображение 90 × 90]
Значок цитаты
:
Закладка
Цвет текста: светлый
Текстовая ориентация:
Корпус корпуса: Roboto Light
Размер шрифта для тела: 20px
Высота линии тела: 1.5em
Теперь, когда вы создали свой первый рекомендательный модуль, продублируйте его дважды и перетащите дубликаты модулей, чтобы заполнить второй и третий столбцы.
Поскольку все параметры проекта были перенесены в дублированные модули во второй и третьей строках, вы можете просто вернуться назад и обновить содержимое каждого из них.
Вот и все.
Параметры содержимого модуля «Отзыв»
Настройки на вкладке содержимого организованы в группы, которые можно открыть для просмотра дополнительных параметров. Это значительно упрощает вам поиск нужной настройки. Вы также можете использовать панель поиска вверху, чтобы найти сразу все вкладки настроек для нужного вам параметра. Это приведет вас прямо к делу!
Текст
Здесь вы можете добавить имя автора отзыва, название статьи, компанию и содержание самого отзыва.
Фото товара
Если у вас есть фотография профиля или другой тип изображения, сопровождающий ваш отзыв, вы можете добавить его сюда.
Залог
Здесь вы можете добавить URL автора или компании и контролировать его открытие.
Элементы
Здесь вы можете сделать значок цитаты видимым или скрытым.
контекст
Здесь вы можете выбрать цвет фона или изображение для вашего отзыва.
Значок администратора
В этом раскрывающемся списке вы можете добавить метку администратора, которая будет отображаться в построителе на панели инструментов, а также в представлении визуального построителя.
Конструктивные параметры рекомендательного модуля
Настройки на вкладке «Дизайн» сгруппированы в следующие группы, чтобы упростить поиск нужной настройки. И помните, вы также можете использовать строку поиска, чтобы найти еще более быстрый параметр!
Цитата значок
Здесь вы можете настроить цвет значка цитаты.
Портрет
Настройки портретной ориентации позволяют настроить радиус границы, ширину портретной ориентации и высоту портретной ориентации для изображения, которое вы, возможно, добавили на вкладке «Содержимое».
Текст
Эти настройки позволяют изменять цвет и ориентацию текста.
текст тела
Эти настройки позволяют настроить шрифт, вес, размер, цвет, интервал, высоту строки и многое другое.
Граница
Здесь вы можете использовать рамку. А если вы решите использовать границу, вы также можете выбрать ее цвет, изменить ее ширину и выбрать стиль.
расстояние
В области интервалов вы можете добавить пользовательскую заливку вверху, справа, внизу или слева от характеристики. Вы также можете изменить эти значения для настольных компьютеров, планшетов или мобильных устройств.
Расширенные параметры модуля «Отзыв»
На вкладке «Дополнительно» модуля отзывов вы можете добавить идентификатор (идентификатор) и уникальный класс css. Вы также можете добавить пользовательский CSS к различным предопределенным (и предварительно выбранным) селекторам CSS в настраиваемом модуле слайдера выпадающего видео CSS. Наконец, в раскрывающемся списке видимости вы можете настроить видимость вашего модуля на телефонах, планшетах и настольных компьютерах.
[vc_row center_row="yes"][vc_column width="1/2"][vcex_button target="blank" layout="expanded" align="center" font_family="Raleway" font_weight="700" style="flat" 18 /69″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=118&url=7&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”2″ style=”flat” custom_background=”#c23065e” custom_hover_background=”#40632d1f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”] СКАЧАТЬ ШАБЛОНЫ DIVI[/vcex_button][/vc_column][/vc_row]
Другие учебные пособия Divi
- сайты 5 для использования ресторана Divi темы
- Как добавить текст в продукт Divi WooCommerce
- Как изменить цвет меню между страницами Divi
- Как персонализировать сетки блога с Divi
- Как использовать роль DiVi редактор на WordPress
- Как создать полноэкранный слайдер Divi
- Как изменить цвет меню между страницами Divi
- Особенности, которые вы, вероятно, не знаете о Divi
- Как использовать Divi Builder в WordPress
- Как использовать модуль прокрутки видео Divi
- Как использовать модуль Flip Builder Flip
- Как добавить отзыв модуль на Divi Builder
- Как использовать текстовый модуль Divi
- Как создать слайдер на Divi
- Как редактировать роль пользователя Divi
- Как использовать модуль Divi Social Media
- Как пользоваться магазинным модулем на тему WordPress Divi
- Как использовать боковую панель Divi
- Как использовать модуль таблицы цен Divi
- Как использовать титульный модуль изданий Divi
- Как добавить видео модуль Divi
- Как использовать навигационный модуль статьи
- Как использовать модуль поиска Divi
- Как использовать модуль кошелька Divi
- Как использовать модуль пользователя в Divi Builder
- Как использовать модуль кошелька с фильтром Divi
- Как использовать ползунок полной ширины
- Как использовать модуль изображения Divi Builder
- Как использовать полноразмерный навигационный модуль Divi Builder
- Как использовать модуль галереи изображений
- Как использовать модуль карты полной ширины Divi Builder
- Как использовать модуль Divi Full Width Portfolio
- Как использовать полноразмерный заголовочный модуль Divi
- Как использовать Divi Counter Module
- Как использовать слайдер статей в Divi Builder
- Как использовать модуль Divi Email Optin