Før du kan legge til en attestmodul på siden din, må du først gå inn på Divi Builder. Først når Divi-tema installert på nettstedet ditt, vil du legge merke til en knapp Bruk Divi Builder over innleggsredaktøren når du oppretter en ny side. Klikk på denne knappen for å aktivere Divi Builder og få tilgang til alle modulene den tilbyr. Klikk deretter på knappen Bruk Visual Builder for å starte generatoren i visuell modus. Du kan også klikke på knappen Aktiver Visual Builder når du surfer på nettstedet ditt i forgrunnen hvis du er koblet til WordPress-dashbordet.
Når du har angitt Visual Builder, kan du klikke på den grå pluss-knappen for å legge til en ny modul på siden din. Nye moduler kan bare legges til innenfor rader. Hvis du starter en ny side, husk å legge til en rad på siden din først.
Finn testmodulen i listen over moduler, og klikk på den for å legge den til siden din. Listen over moduler er søkbar, noe som betyr at du også kan skrive "attest" og deretter trykke på enter for automatisk å søke og legge til testimonial-modulen! Når modulen er lagt til, blir du møtt av listen over modulalternativer. Disse alternativene er delt inn i tre hovedgrupper: Innhold , Conception et avansert .
Eksempel på brukstilfelle: Avsnitt om attester for en produktside
Å legge til en testimonialseksjon er en av de beste måtene å fremme produktet eller tjenesten din. For dette eksempelet skal jeg vise deg hvordan du bruker Testimonial-modulen til å lage en attest-seksjon nederst på en landingsside for å fremme produktet eller tjenesten din. Tittelen på anbefalingsseksjonen er "Fornøyde kunder". Det er viktig å ha en effektiv tittel som er både kreativ og relevant. Alle tre attester er korte i en tre-kolonne layout etterfulgt av en CTA-knapp nederst på siden.
For å legge til testimonial-delen på siden, bruk den visuelle byggeren til å legge til en standarddel med en rad med tre kolonner. Legg deretter til en testmodul i den første kolonnen i raden din.
Oppdater Testimonial-modulen med følgende:
Innholds-fanen
Forfatternavn: [skriv inn navn]
Tittel på artikkelen: [skriv inn tittel]
Firmanavn: [skriv inn firma]
Innhold: [skriv inn attestinnhold]
Nettadresse for stående bilde: [last opp 90×90 bilde]
Sitat ikon
:
Design-fanen
Tekstfarge: lys
Tekstorientering:
Body Corps Police: Roboto Light
Kropps skrifttypestørrelse: 20px
Høyde på kroppslinjen: 1.5em
Nå som du har laget din første attesteringsmodul, dupliser den den to ganger og dra duplikatmodulene for å fylle den andre og tredje kolonnen.
Siden alle designparametrene er overført til de dupliserte modulene på andre og tredje linje, kan du ganske enkelt gå tilbake og oppdatere innholdet til hver enkelt.
Det er alt.
Innholdsparametrene til Testimonial-modulen
Innstillingene i innholdsfanen er organisert i grupper som du kan åpne for å se flere alternativer. Dette gjør det mye enklere for deg å finne innstillingen du leter etter. Du kan også bruke søkefeltet øverst til å søke i alle innstillingsfaner samtidig for den innstillingen du leter etter. Det vil få deg rett til poenget!
Texte
Det er her du kan legge til navnet på vitnesbyrdets forfatter, artikkeltittelen, selskapet og innholdet i selve attesten.
Bilde
Hvis du har et profilbilde eller en annen type bilde som skal følge testimonialet ditt, er det her du vil legge det til.
Link
Her kan du legge til forfatterens eller selskapets URL og kontrollere åpningen.
Elements
Her kan du velge å gjøre tilbudsikonet synlig eller skjult.
contexte
Her kan du velge å legge til en bakgrunnsfarge eller et bilde i attesten.
Admin-etikett
I denne rullegardinlisten kan du legge til en administratoretikett som vises i byggherren på dashbordet, så vel som i den visuelle bygningsvisningen.
Designparametrene til attesteringsmodulen
Innstillingene på Design-fanen er organisert i følgende grupper for å gjøre det lettere å finne innstillingen du ønsker. Og husk, du kan også bruke søkefeltet til å finne en enda raskere innstilling!
Sitatikon
Det er her du kan justere fargen på sitatikonet.
Portrett
Portrettinnstillingene lar deg justere kantradius, portrettbredde og portretthøyde for bildet du kanskje har lagt til i Innhold-fanen.
Texte
Disse innstillingene lar deg endre farge og retning på teksten.
Kroppen av teksten
Disse innstillingene lar deg justere skrift, vekt, størrelse, farge, avstand, linjehøyde og mer.
grensen
Her kan du velge å bruke en grense. Og hvis du velger å bruke en kant, kan du også velge fargen, endre bredden og velge stilen.
avstanden
I avstandsområdet kan du legge til tilpasset fylling øverst, høyre, nederst eller venstre i attesten. Du kan også endre disse verdiene for stasjonære datamaskiner, nettbrett eller mobile enheter.
De avanserte parametrene for Testimonial-modulen
I kategorien Avansert i testmodulen kan du legge til en ID (identifikator) og en unik css-klasse. Du kan også legge til egendefinerte css til forskjellige forhåndsdefinerte (og forhåndsvalgte) css-velgere i videoglidermodulen i den tilpassede rullegardinlisten. Til slutt, i nedtrekkslisten for synlighet, kan du justere synligheten til modulen din på telefoner, nettbrett og stasjonære datamaskiner.
[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”]LAST 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”]LAST NED DEN MALER DIVI[/vcex_button][/vc_column][/vc_row]
Andre divisjoner
- 5 nettsteder for restaurant bruk Divi tema
- Slik legger du til tekst på et Divi WooCommerce-produkt
- Slik endrer du menyfargen mellom Divi-sider
- Hvordan tilpasse rutenettene til en blogg med Divi
- Hvordan bruke rollen Divi editor på WordPress
- Hvordan lage en Divi-glidebryter på fullskjerm
- Hvordan endre farge på menyer mellom Divi-sider
- Funksjoner du sannsynligvis ikke kjenner til Divi
- Slik bruker du Divi Builder på WordPress
- Slik bruker du Divi video-rullemodulen
- Slik bruker du Divi Builder Flip-modulen
- Hvordan legge til en attestmodul på Divi Builder
- Slik bruker du Divi-tekstmodulen
- Hvordan lage en glidebryter på Divi
- Hvordan redigere en Divi-brukerrolle
- Slik bruker du Divi Social Media-modulen
- Hvordan bruke butikkmodulen på temaet WordPress Divi
- Slik bruker du Divi sidebar-modulen
- Slik bruker du Divi Price Table Module
- Slik bruker du tittelmodulen til Divi-publikasjoner
- Hvordan legge til en videomodul av Divi
- Slik bruker du artikkelen navigasjonsmodulen
- Slik bruker du Divi-søkemodulen
- Slik bruker du Divi-lommebokmodulen
- Slik bruker du personmodulen på Divi Builder
- Slik bruker du lommebokmodulen med Divi filter
- Slik bruker du skyvemodulen med full bredde
- Slik bruker du Divi Builder Image Module
- Slik bruker du navigasjonsmodulen med full bredde på Divi Builder
- Slik bruker du bildegalleriemodulen
- Slik bruker du Divi Builder Full-Width Card Module
- Slik bruker du Divi Full Width Portfolio Module
- Hvordan bruke Divi-modulen i full bredde
- Slik bruker du Divi-tellermodulen
- Slik bruker du glidebryteren for artikler på Divi Builder
- Slik bruker du Divi Email Optin-modulen