Innan du kan lägga till en rekommendationsmodul på din sida måste du först komma åt Divi Builder. När Divi-tema installerat på din webbplats kommer du att märka en knapp Använd Divi Builder ovanför inläggsredigeraren när du skapar en ny sida. Klicka på den här knappen för att aktivera Divi Builder och få tillgång till alla moduler den erbjuder. Klicka sedan på knappen Använd Visual Builder för att starta generatorn i visuellt läge. Du kan också klicka på knappen Aktivera Visual Builder när du surfar på din webbplats i förgrunden om du är ansluten till din WordPress-instrumentpanel.

använd Divi Visual Builder

När du har angett Visual Builder kan du klicka på den grå plusknappen för att lägga till en ny modul på din sida. Nya moduler kan bara läggas till inom rader. Om du börjar en ny sida, kom ihåg att först lägga till en rad på din sida.

Wordpress testimonial-modul

Leta upp testmodulen i listan över moduler och klicka på den för att lägga till den på din sida. Listan över moduler är sökbar, vilket innebär att du också kan skriva "testimonial" och sedan trycka på enter för att automatiskt söka och lägga till testmodul! När modulen har lagts till hälsas du av listan över modulalternativ. Dessa alternativ är uppdelade i tre huvudgrupper: Innehåll , Conception et advanced .

Exempel på användningsfall: Testimonial-avsnitt för en produktsida

Att lägga till en vittnesmålssektion är ett av de bästa sätten att främja din produkt eller tjänst. För det här exemplet ska jag visa dig hur du använder modulen Rekommendationer för att skapa en sektion med omdömen längst ned på en målsida för att främja din produkt eller tjänst. Rubriken på rekommendationssektionen är "Nöjda kunder". Det är viktigt att ha en effektiv titel som är både kreativ och relevant. Alla tre vittnesmålen är korta i en layout med tre kolumner följt av en CTA-knapp längst ner på sidan.

Exempel på innehåll med divi-vittnesmål

Om du vill lägga till testavsnittet på sidan använder du den visuella byggaren för att lägga till ett standardavsnitt med en rad med tre kolumner. Lägg sedan till en testmodul i den första kolumnen i din rad.

Divi vittnesbördUppdatera Testimonial-modulen med följande:

Innehållsfliken

Författarens namn: [ange namn]
Artikeltitel: [ange titel]
Företagsnamn: [ange företag]
Innehåll: [ange innehållet i vittnesmålet]
Porträttbild URL: [ladda ned 90 × 90 bild]
Citat ikon
:

Design fliken

Textfärg: Ljus
Textorientering:
Body Corps Police: Roboto Light
Kroppstypstorlek: 20px
Höjd på kroppslinjen: 1.5em

Divi wordpress testimonial exempelNu när du har skapat din första utvärderingsmodul, duplicera den två gånger och dra duplikatmodulerna för att fylla den andra och tredje kolumnen.

Exempel på divi-vittnesbörd

Eftersom alla designparametrar har överförts till duplicerade moduler i den andra och tredje raden, kan du helt enkelt gå tillbaka och uppdatera innehållet i var och en.

Det är allt.

Innehållsparametrarna för Testimonial-modulen

Parameter för divi-modulens innehållInställningarna på innehållsfliken är organiserade i grupper som du kan öppna för att se fler alternativ. Detta gör det mycket lättare för dig att hitta den inställning du letar efter. Du kan också använda sökfältet högst upp för att söka i alla inställningsflikar samtidigt för den inställning du letar efter. Det kommer dig direkt till saken!

Texte

Det är här du kan lägga till namnet på vittnesmålsförfattaren, artikelns titel, företaget och själva vittnesmålets innehåll.

Bild

Om du har ett profilfoto eller någon annan bild som ska åtföljas av ditt vittnesmål, kommer du att lägga till det.

Lien

Här kan du lägga till författarens eller företagets URL och kontrollera dess öppning.

Element

Här kan du välja att göra offertikonen synlig eller dold.

sammanhang

Här kan du välja att lägga till en bakgrundsfärg eller en bild i ditt vittnesmål.

Admin-etikett

I den här listrutan kan du lägga till en admin-etikett som kommer att visas i byggaren på instrumentpanelen, liksom i den visuella byggaren.

Designparametrarna för vittnesmodulen

Parameterdesign diviInställningarna på fliken Design är organiserade i följande grupper för att göra det lättare att hitta den inställning du vill ha. Och kom ihåg att du också kan använda sökfältet för att hitta en ännu snabbare inställning!

Citatikon

Det är här du kan justera färgen på offertikonen.

Porträtt

Med porträttinställningarna kan du justera kantradien, porträttbredden och porträtthöjden för bilden du kan ha lagt till på fliken Innehåll.

Texte

Med dessa inställningar kan du ändra textens färg och orientering.

Textens kropp

Med dessa inställningar kan du justera teckensnitt, vikt, storlek, färg, avstånd, radhöjd och mer.

gräns

Här kan du välja att använda en gräns. Och om du väljer att använda en kant kan du också välja dess färg, ändra dess bredd och välja dess stil.

avstånd

I avståndsområdet kan du lägga till anpassad fyllning längst upp, till höger, längst ner eller till vänster om testimonialen. Du kan också ändra dessa värden för stationära datorer, surfplattor eller mobila enheter.

De avancerade parametrarna för Testimonial-modulen

Förhandsinställningar divi vittnesmålPå fliken Avancerat i din testmodul kan du lägga till ett ID (identifierare) och en unik css-klass. Du kan också lägga till anpassade css till olika fördefinierade (och förvalda) css-väljare i skjutreglermodulen i rullgardinsmenyn för anpassad css. Slutligen, i listrutan för synlighet kan du justera synligheten för din modul på telefoner, surfplattor och skrivbord.

[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=”platt” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]LADDA NED DIVI TEMA [/vcex_button][/vc_column 1 ][vc_column] /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_right=”fa fa-download”]LADDA NED DEN TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andra Divi tutorials