Før du kan tilføje et testimonial-modul til din side, skal du først tilgå Divi Builder. En gang Divi-tema installeret på din hjemmeside, vil du bemærke en knap Brug Divi Builder over indlægseditoren, når du opretter en ny side. Klik på denne knap for at aktivere Divi Builder og få adgang til alle de moduler, den tilbyder. Klik derefter på knappen Brug Visual Builder for at starte generatoren i visuel tilstand. Du kan også klikke på knappen Aktivér Visual Builder når du gennemser dit websted i forgrunden, hvis du er tilsluttet dit WordPress-dashboard.
Når du har indtastet Visual Builder, kan du klikke på den grå plus-knap for at tilføje et nyt modul til din side. Nye moduler kan kun tilføjes inden for rækker. Hvis du starter en ny side, skal du huske at føje en række til din side først.
Find testimonial-modulet på listen over moduler, og klik på det for at tilføje det til din side. Listen over moduler kan søges, hvilket betyder at du også kan skrive "testimonial" og derefter trykke på enter for automatisk at finde og tilføje testimonial-modulet! Når modulet er tilføjet, vil du blive mødt af listen over modulindstillinger. Disse muligheder er opdelt i tre hovedgrupper: Indhold , Conception et avanceret .
Eksempel på brugssag: Udtalelse om en produktside
Tilføjelse af et testimonialsektion er en af de bedste måder at fremme dit produkt eller din service. I dette eksempel vil jeg vise dig, hvordan du bruger Testimonial-modulet til at oprette en testimonialsektion nederst på en destinationsside for at fremme dit produkt eller din service. Titlen på testimonialsektionen er "Glade kunder". Det er vigtigt at have en effektiv titel, der er både kreativ og relevant. Alle tre udtalelser er korte i et layout med tre kolonner efterfulgt af en CTA-knap nederst på siden.
For at tilføje testafsnittet til siden skal du bruge den visuelle builder til at tilføje en standardsektion med en række på tre kolonner. Føj derefter et testmodul til den første kolonne i din række.
Opdater Testimonial-modulindstillingerne med følgende:
Fanen Indhold
Forfatternavn: [indtast navn]
Artikeltitel: [indtast titel]
Firmanavn: [indtast firma]
Indhold: [indtast indholdet af udtalelsen]
Portrætbillede URL: [download 90 × 90 billede]
Citat ikon
:
Design fanen
Tekstfarve: Lys
Tekstorientering:
Body Corps Police: Roboto Light
Body skrifttypestørrelse: 20px
Højde på kropslinjen: 1.5em
Nu, hvor du har oprettet dit første vidnesbyrdsmodul, duplikerer det to gange og træk duplikatmodulerne for at udfylde den anden og tredje kolonne.
Da alle designparametre er overført til de duplikerede moduler i anden og tredje linje, kan du bare gå tilbage og opdatere indholdet af hver enkelt.
Det er alt.
Indholdsparametrene i Testimonial-modulet
Indstillingerne på fanen indhold er organiseret i grupper, som du kan åbne for at se flere muligheder. Dette gør det meget nemmere for dig at finde den indstilling, du leder efter. Du kan også bruge søgefeltet øverst til at søge i alle indstillingsfaner på én gang for den indstilling, du leder efter. Det vil bringe dig lige til det punkt!
Tekster
Det er her, du er i stand til at tilføje navnet på vidnesbyrdens forfatter, artikeltitlen, virksomheden og indholdet af selve udsagnet.
Billede
Hvis du har et profilbillede eller en anden type billede, der skal ledsage din udtalelse, skal du tilføje det.
Link
Her kan du tilføje forfatteren eller firmaets URL og kontrollere dets åbning.
Elementer
Her kan du vælge at gøre tilbudsikonet synligt eller skjult.
contexte
Her kan du vælge at tilføje en baggrundsfarve eller et billede til din udtalelse.
Admin Label
I denne rulleliste kan du tilføje en admin-etiket, der vises i bygherren på instrumentbrættet såvel som i den visuelle bygherrevisning.
Designparametrene for vidnesbyrdsmodulet
Indstillingerne på fanen Design er organiseret i følgende grupper for at gøre det nemmere at finde den ønskede indstilling. Og husk, du kan også bruge søgefeltet til at finde en endnu hurtigere indstilling!
Citatikon
Det er her, du kan justere farven på citatikonet.
Portræt
Portrætindstillingerne giver dig mulighed for at justere kantradius, portrætbredde og portræthøjde for det billede, du muligvis har tilføjet på fanen Indhold.
Tekster
Disse indstillinger giver dig mulighed for at ændre tekstens farve og retning.
Tekstens krop
Disse indstillinger giver dig mulighed for at justere skrifttype, vægt, størrelse, farve, afstand, liniehøjde og mere.
Border
Her kan du vælge at bruge en kant. Og hvis du vælger at bruge en kant, kan du også vælge dens farve, ændre bredden og vælge dens stil.
afstand
I afstandsområdet kan du tilføje brugerdefineret udfyldning øverst, til højre, nederst eller til venstre i udtalelsen. Du kan også ændre disse værdier til desktops, tablets eller mobile enheder.
De avancerede parametre for Testimonial-modulet
Under fanen Avanceret i dit testimonial-modul kan du tilføje et ID (id) og en unik css-klasse. Du kan også tilføje brugerdefineret css til forskellige foruddefinerede (og forudvalgte) css-vælgere i tilpasset css-rullemenu-skydermodul. Endelig kan du i rullelisten til synlighed justere synligheden af dit modul på telefoner, tablets og desktops.
[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=”flad” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD 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”]DOWNLOAD THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Andre Divi tutorials
- 5 websteder, der bruger Divi restaurant tema
- Sådan tilføjer du tekst på et Divi WooCommerce-produkt
- Sådan ændres menuen farve mellem Divi sider
- Sådan tilpasses tavlerne på en blog med Divi
- Sådan bruges rolle Divi redaktør på WordPress
- Sådan opretter du en Divi-skyder på fuld skærm
- Sådan ændres menuenes farve mellem Divi-sider
- Funktioner, som du sandsynligvis ikke kender til Divi
- Sådan bruger du Divi Builder på WordPress
- Sådan bruges Divi-video-rullemodulet
- Sådan bruges Divi Builder Flip-modulet
- Sådan tilføjes et vidnesbyrdsmodul om Divi Builder
- Sådan bruges Divi-tekstmodulet
- Sådan opretter du en skyder på Divi
- Sådan redigeres en Divi-brugerrolle
- Sådan bruges Divi Social Media-modulet
- Sådan bruges butikmodulet med temaet WordPress Divi
- Sådan bruges Divi sidebar modul
- Sådan bruges Divi Price Table Module
- Sådan bruges titelmodulet i Divi-publikationer
- Sådan tilføjes et videomodul til Divi
- Sådan bruges artikelnavigationsmodulet
- Sådan bruges Divi-søgemodulet
- Sådan bruges Divi wallet-modulet
- Sådan bruges personmodulet på Divi Builder
- Sådan bruges tegnebogen modulet med Divi filter
- Sådan bruges glidemodulet i fuld bredde
- Sådan bruges Divi Builder Image Module
- Sådan bruger du navigationsmodulet med fuld bredde i Divi Builder
- Sådan bruges billedgallerimodulet
- Sådan bruges Divi Builder Fuldbredde-kortmodul
- Sådan bruges Divi Full Width Portfolio Module
- Sådan bruges Divi-modulet i fuld bredde
- Sådan bruges Divi Counter Module
- Sådan bruges artikelskyderen på Divi Builder
- Sådan bruges Divi Email Optin-modulet
