Легко Создайте свой сайт сегодня!

ELEMENTOR — самый простой в мире конструктор блогов!

останавливаться трата времени и много денег платить разработчику, когда вы можете Легко создайте свой веб-сайт или блог WordPress с профессиональным дизайном всего несколько минут ! Никаких технических знаний не требуется.

Прежде чем вы сможете добавить модуль отзывов на свою страницу, вы должны сначала получить доступ к Divi Builder. Однажды Диви тема установлен на вашем Веб-сайт, вы заметите кнопку Использовать Divi Builder над редактором сообщений всякий раз, когда вы создаете новую страницу. Нажмите эту кнопку, чтобы активировать Divi Builder и получить доступ ко всем предлагаемым им модулям. Затем нажмите на кнопку Использовать Visual Builder для запуска генератора в визуальном режиме. Вы также можете нажать кнопку Включить Visual Builder когда вы просматриваете свой Веб-сайт на переднем плане, если вы вошли в панель управления WordPress.

использовать визуальный построитель Divi

После входа в Visual Builder вы можете нажать серую кнопку «плюс», чтобы добавить новый модуль на свою страницу. Новые модули можно добавлять только внутри строк. Если вы начинаете новую страницу, не забудьте сначала добавить строку на свою страницу.

Модуль отзывов Wordpress

Найдите модуль отзывов в списке модулей и щелкните его, чтобы добавить на свою страницу. Список модулей доступен для поиска, что означает, что вы также можете ввести «отзыв», а затем нажать клавишу ВВОД, чтобы автоматически найти и добавить модуль отзывов! После добавления модуля вы увидите список опций модуля. Эти параметры разделены на три основные группы: Содержание , Дизайн et Передовой .

Пример использования: раздел отзывов на странице продукта

Добавление раздела отзывов - один из лучших способов продвижения вашего продукта или услуги. В этом примере я покажу вам, как использовать модуль отзывов для создания раздела отзывов внизу целевой страницы для продвижения вашего продукта или услуги. Название раздела отзывов - «Счастливые клиенты». Важно иметь эффектное, креативное и актуальное название. Все три отзыва короткие, в трех колонках, за которыми следует кнопка CTA внизу страницы.

Пример контента с отзывами Divi

Чтобы добавить на страницу раздел отзывов, используйте визуальный конструктор, чтобы добавить стандартный раздел со строкой из трех столбцов. Затем добавьте модуль отзывов в первый столбец вашей строки.

Раздел свидетельских показаний DiviОбновите настройки модуля Testimonial следующим образом:

Контент

Имя автора: [введите имя]
Название статьи: [введите название]
Название компании: [введите компанию]
Содержание: [введите содержание характеристики]
URL портретного изображения: [загрузить изображение 90 × 90]
Значок цитаты
:

Закладка

Цвет текста: светлый
Текстовая ориентация:
Корпус корпуса: Roboto Light
Размер шрифта для тела: 20px
Высота линии тела: 1.5em

Пример отзыва о divi wordpressТеперь, когда вы создали свой первый рекомендательный модуль, продублируйте его дважды и перетащите дубликаты модулей, чтобы заполнить второй и третий столбцы.

Пример показаний диви

Поскольку все параметры проекта были перенесены в дублированные модули во второй и третьей строках, вы можете просто вернуться назад и обновить содержимое каждого из них.

Вот и все.

Параметры содержимого модуля «Отзыв»

Параметр содержимого модуля diviНастройки на вкладке содержимого организованы в группы, которые можно открыть для просмотра дополнительных параметров. Это значительно упрощает вам поиск нужной настройки. Вы также можете использовать панель поиска вверху, чтобы найти сразу все вкладки настроек для нужного вам параметра. Это приведет вас прямо к делу!

Текст

Здесь вы можете добавить имя автора отзыва, название статьи, компанию и содержание самого отзыва.

Фото товара

Если у вас есть фотография профиля или другой тип изображения, сопровождающий ваш отзыв, вы можете добавить его сюда.

Залог

Здесь вы можете добавить URL автора или компании и контролировать его открытие.

Элементы

Здесь вы можете сделать значок цитаты видимым или скрытым.

контекст

Здесь вы можете выбрать цвет фона или изображение для вашего отзыва.

Значок администратора

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

Конструктивные параметры рекомендательного модуля

Параметр дизайн diviНастройки на вкладке «Дизайн» сгруппированы в следующие группы, чтобы упростить поиск нужной настройки. И помните, вы также можете использовать строку поиска, чтобы найти еще более быстрый параметр!

Цитата значок

Здесь вы можете настроить цвет значка цитаты.

Портрет

Настройки портретной ориентации позволяют настроить радиус границы, ширину портретной ориентации и высоту портретной ориентации для изображения, которое вы, возможно, добавили на вкладке «Содержимое».

Текст

Эти настройки позволяют изменять цвет и ориентацию текста.

текст тела

Эти настройки позволяют настроить шрифт, вес, размер, цвет, интервал, высоту строки и многое другое.

Граница

Здесь вы можете использовать рамку. А если вы решите использовать границу, вы также можете выбрать ее цвет, изменить ее ширину и выбрать стиль.

расстояние

В области интервалов вы можете добавить пользовательскую заливку вверху, справа, внизу или слева от характеристики. Вы также можете изменить эти значения для настольных компьютеров, планшетов или мобильных устройств.

Расширенные параметры модуля «Отзыв»

Расширенные настройки divi отзывыНа вкладке «Дополнительно» модуля отзывов вы можете добавить идентификатор (идентификатор) и уникальный класс 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

%d блоггеры, как этой странице: