Преди да можете да добавите модул за препоръки към страницата си, първо ще трябва да получите достъп до Divi Builder. След като темата Divi бъде инсталирана на уебсайта ви, ще забележите бутон Използвайте Divi Builder над редактора на публикации, когато създавате нова страница. Щракнете върху този бутон, за да активирате Divi Builder и да получите достъп до всички модули, които предлага. След това кликнете върху бутона Използвайте Visual Builder за да стартирате генератора във визуален режим. Можете също да щракнете върху бутона Активиране на Visual Builder когато разглеждате уебсайта си на преден план, ако сте свързани с таблото за управление на WordPress.

След като влезете в Visual Builder, можете да щракнете върху сивия бутон плюс, за да добавите нов модул към вашата страница. Нови модули могат да се добавят само в редове. Ако стартирате нова страница, не забравяйте първо да добавите ред към страницата си.

Намерете модула за препоръки в списъка с модули и кликнете върху него, за да го добавите към вашата страница. Списъкът с модули може да се търси, което означава, че можете също да напишете „препоръка“ и след това да натиснете enter, за да търсите автоматично и да добавите модула за препоръки! След като модулът бъде добавен, ще бъдете посрещнати от списъка с опции на модула. Тези опции са разделени на три основни групи: Съдържание , Концепция et напреднал .

Примерен случай на употреба: Раздел за препоръки за продуктова страница

Добавянето на раздел с препоръки е един от най-добрите начини за популяризиране на вашия продукт или услуга. За този пример ще ви покажа как да използвате модула „Препоръки“, за да създадете секция с препоръки в долната част на целевата страница, за да промотирате вашия продукт или услуга. Заглавието на раздела с препоръки е „Доволни клиенти“. Важно е да имате ефективно заглавие, което е едновременно креативно и уместно. Трите препоръки са кратки в три колони, последвани от бутон за призив към действие в долната част на страницата.

За да добавите раздела за препоръки към страницата, използвайте визуалния конструктор, за да добавите стандартен раздел с ред от три колони. След това добавете модул за препоръки към първата колона на вашия ред.

Актуализирайте настройките на модула Testimonial със следното:

Раздел "Съдържание"

Име на автора: [въведете име]
Заглавие на статията: [въведете заглавие]
Име на фирмата: [въведете фирма]
Съдържание: [въведете съдържанието на препоръка]
URL адрес на портретно изображение: [изтеглете изображение 90 × 90]
Икона за цитат
:

Раздел "Дизайн"

Цвят на текста: Светлина
Текстова насоченост:
Полицейски корпус: Робото Светлина
Размер на шрифта на тялото: 20px
Височина на линията на тялото: 1.5em

Сега, когато сте създали първия си препоръчителен модул, го дублирайте два пъти и плъзнете дублиращите се модули, за да попълните втората и третата колона.

Тъй като всички параметри на дизайна са прехвърлени към дублиращи се модули във втория и третия ред, можете просто да се върнете и да актуализирате съдържанието на всеки от тях.

Това е всичко.

Параметрите на съдържанието на модула Testimonial

Настройките в раздела за съдържание са организирани в групи, които можете да отворите, за да видите повече опции. Това ви улеснява много да намерите настройката, която търсите. Можете също да използвате лентата за търсене в горната част, за да намерите наведнъж всички раздели с настройки за търсената от вас настройка. Ще ви отведе направо към въпроса!

Texte

Тук можете да добавите името на автора на препоръката, заглавието на статията, компанията и съдържанието на самата препоръка.

Изображение

Ако имате снимка на потребителския профил или друг тип изображение, което да придружава вашите препоръки, тук ще го добавите.

Право на задържане

Тук можете да добавите URL адреса на автора или компанията и да контролирате отварянето му.

елементи

Тук можете да изберете да направите иконата на офертата видима или скрита.

Contexte

Тук можете да изберете да добавите цвят на фона или изображение към вашата препоръка.

Администраторски етикет

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

Конструктивните параметри на препоръчителния модул

Настройките в раздела Дизайн са организирани в следните групи, за да улеснят намирането на желаната настройка. И не забравяйте, можете също да използвате лентата за търсене, за да намерите още по-бърза настройка!

Икона за цитат

Тук можете да регулирате цвета на иконата на цитата.

Портрет

Портретните настройки ви позволяват да регулирате радиуса на границата, портретната ширина и височината на портрета за изображението, което може да сте добавили в раздела Съдържание.

Texte

Тези настройки ви позволяват да промените цвета и ориентацията на текста.

Тялото на текста

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

граница

Тук можете да изберете да използвате граница. И ако решите да използвате контур, можете също да изберете цвета му, да промените ширината му и да изберете стила му.

разстояние

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

Разширените параметри на модула Testimonial

В раздела Разширени на вашия препоръчителен модул можете да добавите идентификатор (идентификатор) и уникален клас 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" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] ИЗТЕГЛЕТЕ ТЕМАТА DIVI [/ vcex_button] [/ colu width_m»n_colum » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "] EM DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Други уроци по Диви

• Ресторант 5, който използва темата на Divi
• Как да добавяте текст към продукт Divi WooCommerce
• Как да промените цвета на менюто между страниците на Divi
• Как да персонализирате решетките на блог с Divi
• Как да използвате редактора на роли Divi в WordPress
• Как да създадете плъзгач Divi на цял екран
• Как да промените цвета на менютата между страниците на Divi
• Функции, които вероятно не знаете за Divi
• Как да използвате Divi Builder на WordPress
• Как да използвате модула за превъртане на видео Divi
• Как да използвате модула за обръщане на Divi Builder
• Как да добавите препоръчителен модул на Divi Builder
• Как да използвате текстовия модул Divi
• Как да създадете плъзгач на Divi
• Как да редактирате потребителска роля на Divi
• Как да използвате модула Divi Social Media
• Как да използвате магазинния модул по темата WordPress Divi
• Как да използвате модула Sidebar на Divi
• Как да използвате модула на таблицата с цени за Divi
• Как да използвате заглавния модул на публикациите на Divi
• Как да добавите видео модул на Divi
• Как да използвате навигационния модул на статията
• Как да използвате модула за търсене Divi
• Как да използвате модула на портфейла Divi
• Как да използвате модула за лице на Divi Builder
• Как да използвате портфейла с филтър на Divi
• Как да използвате модула на плъзгача с пълна ширина
• Как да използвате модула за изображения на Builder на Divi
• Как да използвате навигационния модул с пълна ширина на Divi Builder
• Как да използвате модула за галерия на изображения
• Как да използвате модула на карта с пълна ширина Divi Builder
• Как да използвате модула за портфейли с пълна ширина Divi
• Как да използвате заглавния модул Divi с пълна ширина
• Как да използваме Counter модула Divi
• Как да използвате плъзгача за статии в Divi Builder
• Как да използвате модула Divi Email Optin