Gå till innehållet

Så här konfigurerar du Testimonial-modulen på Divi Builder

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Innan du kan lägga till en testmodul på din sida måste du först komma åt Divi Builder. När Divi-temat har installerats 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 ett testavsnitt är ett av de bästa sätten att marknadsföra din produkt eller tjänst. I det här exemplet visar jag dig hur du använder testimonialmodulen för att skapa ett testavsnitt längst ner på en målsida för att marknadsföra din produkt eller tjänst. Titeln på avsnittet om vittnesmål är “Happy Customers”. Det är viktigt att ha en effektiv titel som är både kreativ och relevant. Alla tre vittnesmålen är korta i en tre kolumnlayout 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

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Författarnamn: [ange namn] Artikeltitel: [ange titel] Företagsnamn: [ange företag] Innehåll: [ange testinnehåll] Porträtt Bild-URL: [ladda ner 90 × 90 bild] Offertikon
:

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!

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

Andra Divi tutorials

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
16 aktier
del10
tweet1
Enregistrer5