Det er enklere enn noen gang å lage pristabeller for produktene dine på nettet. Lag så mange tabeller du vil, og kontroller prisene og funksjonene til hver med pristabellmodulen til din WordPress tema Divi. Du kan til og med komme opp med en bestemt plan for å øke konverteringene. Selv om modulen din inkluderer flere pristabeller, vil den bli behandlet som én modul og kan plasseres under hvilken som helst kolonnestørrelse.
Slik legger du til en taksttabellmodul på siden din
Før du kan legge til en pristabellmodul på siden din, må du først hoppe inn i 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 Divi Builder-modulene. Klikk deretter på knappen Bruk Visual Builder for å starte generatoren i visuell modus. Du kan også klikke på knappen Bruk 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 pristabellmodulen 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 ordet "pristabeller" og deretter klikke "enter" for automatisk å søke og legge til pristabellsmodulen! 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 .
Bruk sak: Legg til en pristabell for en produktside
Når du gjør det forfremmelse av produktene dine på en landingsside, kan pristabeller effektivt vise de ulike prisalternativene dine.
I dette eksemplet skal jeg legge til en pristabellmodul for å vise tre prissettingsplaner (eller tabeller) med en av disse planene som en fremhevet plan for å øke konverteringene.
Først legger du til en ny vanlig seksjon på siden der pristabellene skal vises. Legg til en fullbredderad (1 kolonne) i seksjonen, og sett inn en pristabellmodul i raden.
Klikk på Innhold-fanen i innstillingene for pristabellene + Legg til en ny vare for å legge til ditt første bord.
Oppdater parametrene til prissettingstabellen som følger:
Innholdsalternativer
Tittel: Personlig valuta: $ Av: år Pris: 69 Knapptekst: Registreringsinnhold:
Tilgang til alle temaer Evige temaoppdateringer Premium teknisk støtte -Tilgang til alle plugins -Shop overleggsfiler -Ingen årlig avgift
Button URL: [enter button URL] Bakgrunn: #ffffff
Designalternativer
Pris Tekstfarge: # 3e51b5 Bruk egendefinerte knappestiler: JA-knapp Tekstfarge: #ffffff Knappefarge: # 3e51b5 Knappebredde: 0px
Lagre innstillinger
Du kan duplisere pristabellen du nettopp opprettet to ganger for å ha tre pristabeller totalt.
Oppdater følgende alternativer for den midtre pristabellen:
Innholds-fanen
Tittel: Utviklerpris: 89 Innhold: Tilgang til alle temaer Evige temaoppdateringer Førsteklasses teknisk støtte Tilgang til alle lagrede filer i Photoshop - uten årlig avgift Knapp URL: [skriv inn knapp URL]
Design-fanen
Tekstfarge: # 0091ca Knappefarge: # 0091ca
For den tredje pristabellen oppdaterer du innstillingene som følger:
Innholds-fanen
Tittel: Livstid Pris: 249 Knapp Tekst: Abonner Innhold: Tilgang til alle temaer Evige temaoppdateringer Premium teknisk støtte Tilgang til alle plugins Lagdelt Photoshop-filer Ingen årsavgift Knapp URL: [skriv inn URL knapp]
Lagre innstillinger
Gå tilbake til prisinnstillingene og oppdater følgende:
Innholdsalternativer
Utvalgt bakgrunnsfarge på tabellen: #0091ca
Designalternativer
Ballfarge: # 3e51b5 Fremhevet tabellfarge: # 0091ca
Lagre innstillinger
Gå tilbake og rediger seksjonsinnstillingene for å gi seksjonen en bakgrunnsfarge på #3e51b5.
Det er alt. Nå har du en pristabell med tre alternativer med det midterste alternativet satt som et utvalgt element som skiller seg ut fra resten.
Innholdsalternativer for prisingstabeller
I Innhold-fanen finner du alle innholdselementene i modulen, for eksempel tekst, bilder og ikoner. Alt som styrer hva vises i modulen din, vil du alltid finne i denne fanen.
+ Legg til en ny artikkel
Det er her du legger til nye pristabeller i modulen din. Ved å klikke på "+ legg til nytt element" åpnes en helt ny liste over designalternativer som er spesifikke for den pristabellen. Se nedenfor for individuelle innstillinger for pristabeller.
Etter at du har lagt til den første kategorien, vises en grå stolpe med tittelen på pristabellen i form av en etikett. Den grå linjen har også tre knapper som lar deg redigere, duplisere eller slette tabellen.
Vis Bullet
Som standard vises pristabellelementer som punktlister. Hvis du vil fjerne kuler fra funksjonslisten, kan du slå av dette alternativet.
Bakgrunnsfargen på det fremhevede bordet
Hver pristabell kan "presenteres". Fremhevede tabeller er uthevet i raden, som skiller dem fra andre alternativer. Ved å bruke denne innstillingen kan du bare endre bakgrunnsfargen for utvalgte tabeller.
Bakgrunnsfarge på tabellhode
Over hver pristabell er et overskriftsområde som inkluderer tabellens tittel og undertekst. Du kan kontrollere bakgrunnsfargen til dette området uavhengig av bakgrunnsfargen til hovedtabellen ved å velge ønsket farge fra fargevelgeren.
Utvalgt tabelloverskrift
Hver pristabell kan "vises". Utvalgte tabeller er uthevet i raden, som skiller dem fra andre alternativer. Ved å bruke denne innstillingen kan du bare endre bakgrunnsfargen på overskriften for utvalgte tabeller.
Bakgrunnsfarge
Som standard har pristabellene en hvit bakgrunnsfarge. Hvis du ønsker å bruke en annen farge for bakgrunnen for pristabellen, kan du angi din egendefinerte farge her ved hjelp av fargevelgeren.
Admin-etikett
Dette vil endre moduletiketten i konstruktøren for enkel identifisering. Når du bruker WireFrame-visningen i Visual Builder, vises disse etikettene i modulblokken i Divi Builder-grensesnittet.
Prismodell designalternativer
I kategorien Design finner du alle stilalternativene for modulen, for eksempel skrifter, farger, størrelse og avstand. Dette er fanen du vil bruke til å endre utseendet til modulen din. Hver Divi-modul har en lang liste over designinnstillinger som du kan bruke til å endre hva som helst.
justering
Som standard er funksjonslister venstrejustert i pristabellen. Hvis du vil justere dem, kan du aktivere dette alternativet.
Fjern skygge fra kjennetegnet bord
Som standard har pristabeller en subtil skygge bak hver tabell. Hvis du vil fjerne denne skyggen, kan du aktivere dette alternativet.
Artikler fra listen i sentrum
Her kan du velge å sentrere elementene som er oppført i tabellen.
Kulefarge
Som standard vil kuler i pristabellisten arve temaets aksentfarge. Hvis du vil bruke en annen farge, kan du angi den her ved hjelp av fargevelgeren.
Farge på det fremhevede bordet
Hvis du vil bruke en annen farge for kulene i pristabellene, kan du stille den fargen her ved hjelp av fargevelgeren.
Fremhevet tabellhode Tekstfarge
Dette alternativet styrer fargen på tekstfargen på tabelloverskriften. Hvis du endrer bakgrunnsfargen på tabelloverskriften, kan du også endre dette alternativet for å sikre lesbarhet.
Topptekst
Du kan endre skrifttypen til overskriftsteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Topptekststørrelse
Her kan du justere størrelsen på overskriftsteksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Topptekstfarge
Som standard vises alle tekstfarger på Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på toppteksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Avstand mellom topptekster
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i overskriftsteksten, bruker du skyvekontrollen for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Toppradens høyde
Radhøyde påvirker mellomrommet mellom hver rad i overskriftsteksten. Hvis du vil øke avstanden mellom hver rad, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfelt til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Farge på teksten til det fremhevede bordet
Dette endrer kroppstekstfargen for det omtalt bordet ditt. Hvis du endrer bakgrunnsfargen på tabellen din, må du kanskje endre dette alternativet for å sikre lesbarhet.
Kropps skrifttype
Du kan endre kroppsfonten din ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Kropp skriftstørrelse
Her kan du justere kroppens tekststørrelse. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Kropps tekstfarge
Som standard vises alle tekstfarger på Divi i hvit eller mørk grå. Hvis du vil endre fargen på teksten din, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Spacing av kropps bokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i teksten, bruker du skyvekontrollen for å justere mellomrom eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Høyde på kroppslinjen
Linjehøyde påvirker mellomrommet mellom hver tekstlinje i kroppen din. Hvis du vil øke mellomrommet mellom hver linje, kan du bruke skyveknappen for å justere mellomrom eller angi ønsket avstandsstørrelse i inndatafeltet plassert til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Tekstfarge på tabellen undertekst
Dette endrer tekstfargen på bildeteksten for den fremhevede tabellen. Hvis du endrer bakgrunnsfargen på tabellen din, må du kanskje endre dette alternativet for å sikre lesbarhet.
Undertekst skrifttype
Du kan endre skrifttypen til bildeteksten din ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Undertittel eller undertittel skriftstørrelse
Her kan du justere størrelsen på subheader-teksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Tekstfarge på underhodet
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre tekstfargen på bildeteksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Avstand mellom bokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i bildeteksten, bruker du skyvekontrollen for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Høyde på underhodelinjen
Linjehøyde påvirker mellomrommet mellom hver linje i bildeteksten. Hvis du vil øke avstanden mellom hver rad, bruker du skyvekontrollen for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inndatafeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Valutavaluta og frekvens
Du kan endre skriftens og frekvenstekstens valuta ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Valuta Valuta Størrelse og frekvens
Her kan du justere valutastørrelse og frekvenstekst. Du kan dra glidebryteren for å øke eller redusere størrelsen på teksten, eller angi verdien på ønsket tekststørrelse direkte i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Valutatekstfarge og frekvens
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på valuta og frekvenstekst, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Spacing av bokstaver og valutaer
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i valuta- og frekvensteksten, bruker du glidebryteren for å justere mellomrommet eller angir ønsket avstandsstørrelse i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Linje med frekvensvaluta
Linjehøyde påvirker mellomrommet mellom hver linje i valutaen og frekvensteksten. Hvis du vil øke mellomrommet mellom hver linje, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i feltet til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Utvalgte fargepris
Dette endrer fargen på prisene for ditt utvalgte bord. Hvis du endrer bakgrunnsfargen på tabellen din, må du kanskje endre dette alternativet for å sikre lesbarhet.
Prispolitiet
Du kan endre skrifttypen til pristeksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Pris skriftstørrelse
Her kan du justere størrelsen på pristeksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Pris tekstfarge
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på pristeksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Omfang av prisbokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i pristeksten, bruker du glidebryteren for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Høyde på prislinjen
Radhøyde påvirker mellomrommet mellom hver rad i pristeksten. Hvis du vil øke mellomrommet mellom hver rad, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i inndatafeltet plassert til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Bruk grensen
Aktivering av dette alternativet vil plassere en kant rundt modulen din. Denne rammen kan tilpasses ved hjelp av følgende betingede parametere.
Farge på grensen
Dette alternativet påvirker fargen på grensen din. Velg en egendefinert farge fra fargevelgeren for å bruke den på grensen din.
Bredde av grensen
Som standard er kantene 1 piksel brede. Du kan øke denne verdien ved å dra områdeglidebryteren eller angi en egendefinert verdi i inndatafeltet til høyre for glidebryteren. Tilpassede målenheter støttes, noe som betyr at du kan endre standardenheten fra "px" til noe annet som em, vh, vw etc.
Border style
Kanter støtter åtte forskjellige stiler: solid, prikket, dobbelt, spor, møne, overlegg og start. Velg ønsket stil fra rullegardinmenyen for å bruke den på grensen din.
Bruk egendefinerte stiler for knappen
Aktivering av dette alternativet avslører forskjellige innstillinger for knappetilpasning som du kan bruke til å endre utseendet på modulens knapp.
Knapptekststørrelse
Denne innstillingen kan brukes til å øke eller redusere størrelsen på teksten i knappen. Knappen tilpasser seg når tekststørrelsen øker og avtar.
Knapptekstfarge
Som standard tar knappene aksentfargen på temaet ditt som definert i Theme Customizer. Dette alternativet lar deg tilordne en tilpasset tekstfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre knappens farge.
Knapp bakgrunnsfarge
Som standard har knappene en gjennomsiktig bakgrunnsfarge. Dette kan endres ved å velge ønsket bakgrunnsfarge fra fargevelgeren.
Bredde på knappens kant
Alle Divi-knapper har en 2px-kant som standard. Denne grensen kan økes eller reduseres ved hjelp av denne innstillingen. Kanter kan fjernes ved å angi verdien 0.
Knapp kantfarge
Som standard vedtar knappekanter temaets aksentfarge som definert i Theme Customizer. Dette alternativet lar deg tilordne en egendefinert kantfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre fargen på knappekanten.
Knappgrenseradius
Grenseradiusen påvirker runden på hjørnene på knappene dine. Som standard har knappene i Divi en liten kantradius som avrunder hjørnene med 3 piksler. Du kan redusere denne verdien til 0 for å lage en firkantet knapp, eller øke den betydelig for å lage knapper med sirkulære kanter.
Spacing av bokstavene på knappen
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i knappeteksten, bruker du glidebryteren for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Boutton politiet
Du kan endre skrifttypen til knappeteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Legg til et knappikon
Deaktivert, denne innstillingen fjerner ikoner fra knappen din. Som standard viser alle Divi-knappene et pilikon.
Knappikon
Hvis ikoner er aktivert, kan du bruke denne innstillingen til å velge hvilket ikon du vil bruke i knappen din. Divi har forskjellige ikoner å velge mellom.
Knappikonfarge
Justering av denne parameteren vil endre fargen på ikonet som vises på knappen din. Som standard er ikonfargen den samme som knappetekstfargen din, men denne innstillingen lar deg justere fargen uavhengig.
Plassering av knappikon
Du kan velge å vise ikonet til knappen til venstre eller høyre for knappen.
Vis bare ikonet når du holder markøren over knappen
Som standard vises knappikonene bare når du holder markøren. Hvis du vil at ikonet alltid skal vises, slå av denne innstillingen.
Tekstfarge ved overflytting av knappen
Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.
Hover knappen bakgrunnsfargen
Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.
Fargeknapp Border Button
Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.
Hover Border Radius Button
Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.
Pekende notatavstandsknapp
Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.
Avanserte valutakortsalternativer
I den avanserte fanen finner du alternativer som mer erfarne webdesignere kan finne nyttige, for eksempel tilpassede CSS- og HTML-attributter. Her kan du bruke tilpasset CSS på alle modulens mange elementer. Du kan også bruke tilpassede CSS-klasser og IDer til modulen, som kan brukes til å tilpasse modulen i barnets temas style.css-fil.
CSS ID
Skriv inn en valgfri CSS-ID som skal brukes til denne modulen. En ID kan brukes til å lage en tilpasset CSS-stil eller for å koble til bestemte deler av siden din.
CSS klasse
Angi de valgfrie CSS-klassene som skal brukes til denne modulen. En CSS-klasse kan brukes til å lage tilpasset CSS-styling. Du kan legge til flere klasser, atskilt med et mellomrom. Disse klassene kan brukes i Divi-barnetemaet eller i det tilpassede CSS-stilarket du legger til på siden eller nettstedet ditt ved hjelp av Divi-temaalternativene eller innstillingene på Divi Builder-siden.
Tilpasset CSS
Tilpasset CSS kan også brukes på modulen og hvilken som helst av modulens interner. I Custom CSS-delen finner du et tekstfelt der du kan legge til tilpassede CSS-stilark direkte til hvert element. CSS-oppføringer i disse innstillingene er allerede pakket inn i stilkoder. Så bare skriv inn CSS-reglene atskilt med semikolon.
synlighet
Dette alternativet lar deg kontrollere enhetene som modulen din vises på. Du kan velge å deaktivere modulen din på nettbrett, smarttelefoner eller stasjonære datamaskiner hver for seg. Dette er nyttig hvis du vil bruke forskjellige mods på forskjellige enheter, eller hvis du vil forenkle mobildesignet ved å eliminere visse elementer fra siden.
Innholdsalternativer for individuelle prisbord
Tittel
Tittelen du setter inn her vil bli brukt til dette (Premium) prisalternativet.
Subtitle
Undertittelen du setter inn her vil vises under tittelen din.
Valuta
Skriv inn symbolet for ønsket valuta her.
Par
Hvis prissettingen din er abonnementsbasert, angir du abonnementssyklusen her (for eksempel År).
Prix
Skriv inn produktverdien her.
Knapptekst
Spesifiser teksten på knappen her.
Innhold
Dette feltet er der du kan gå inn i listen over funksjoner som følger med eller ikke følger med produktet ditt. Skill hvert listeelement på en ny linje og start hver linje med et + eller - symbol. A + spesifiserer en inkludert funksjon, mens A - angir en ekskludert funksjon.
Knapp URL
Nederst i hver tabell kan du sette inn en Call to Action-knapp ved å sette inn en gyldig nettadresse i dette feltet. La dette og det
tomt knappefelt hvis du ikke vil ha en knapp i pristabellen.
Bakgrunnsfarge
Definer en egendefinert bakgrunnsfarge for modulen din, eller la den være tom for å bruke standardfargen.
Designalternativer for individuelle prisbord
Gjør dette tabellen omtalt
Velg å legge denne pristabellen frem eller ikke med denne rullegardinmenyen. Dette vil gjøre at styret kan skille seg ut fra resten.
Varefarge ekskludert
For gjenstander i listen din som er angitt som ekskludert ved hjelp av - symbolet, kan du justere fargen deres ved hjelp av denne innstillingen. Det kan for eksempel være lurt å endre fargen til rød eller redusere opasiteten for å visuelt betegne at varene er ekskludert fra den nåværende pakken.
Header Font
Du kan endre skrifttypen til overskriftsteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Topptekststørrelse
Her kan du justere størrelsen på overskriftsteksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Topptekstfarge
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på toppteksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Avstand mellom topptekster
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i overskriftsteksten, bruker du skyvekontrollen for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Toppradens høyde
Radhøyde påvirker mellomrommet mellom hver rad i overskriftsteksten. Hvis du vil øke avstanden mellom hver rad, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfelt til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Kropps skrifttype
Du kan endre kroppsfonten din ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Kropp skriftstørrelse
Her kan du justere kroppens tekststørrelse. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Kropps tekstfarge
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på teksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Spacing av kropps bokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i teksten, bruker du skyvekontrollen for å justere mellomrom eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Høyde på kroppslinjen
Linjehøyde påvirker mellomrommet mellom hver tekstlinje i kroppen din. Hvis du vil øke mellomrommet mellom hver linje, kan du bruke skyveknappen for å justere mellomrom eller angi ønsket avstandsstørrelse i inndatafeltet plassert til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Undertekst skrifttype
Du kan endre skrifttypen til tekstingen din ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Tekststørrelse på tekst
Her kan du justere størrelsen på subheader-teksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Tekst tekstfarge
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre tekstfargen på bildeteksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Spacing av tekst bokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i bildeteksten, bruker du skyvekontrollen for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Høyde på undertekstlinjen
Linjehøyde påvirker mellomrommet mellom hver linje i bildeteksten. Hvis du vil øke avstanden mellom hver rad, bruker du skyvekontrollen for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inndatafeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Valutavaluta og frekvens
Du kan endre skriftens og frekvenstekstens valuta ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Skriftstørrelse for valuta og frekvens
Her kan du justere valutastørrelse og frekvenstekst. Du kan dra glidebryteren for å øke eller redusere størrelsen på teksten, eller angi verdien på ønsket tekststørrelse direkte i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Tekstfarge for valuta og frekvens
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på valuta og frekvenstekst, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Spacing av bokstaver og valutaer
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i valuta- og frekvensteksten, bruker du glidebryteren for å justere mellomrommet eller angir ønsket avstandsstørrelse i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Valuta og frekvens linje
Linjehøyde påvirker mellomrommet mellom hver linje i valutaen og frekvensteksten. Hvis du vil øke mellomrommet mellom hver linje, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i feltet til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Prispolitikk
Du kan endre skrifttypen til pristeksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Pris skriftstørrelse
Her kan du justere størrelsen på pristeksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Pris tekstfarge
Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på pristeksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.
Omfang av prisbokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i pristeksten, bruker du glidebryteren for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inndatafeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Høyde på prislinjen
Radhøyde påvirker mellomrommet mellom hver rad i pristeksten. Hvis du vil øke mellomrommet mellom hver rad, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i inndatafeltet plassert til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Bruk egendefinerte stiler for knappen
Aktivering av dette alternativet avslører forskjellige innstillinger for knappetilpasning som du kan bruke til å endre utseendet på modulens knapp.
Knapptekststørrelse
Denne innstillingen kan brukes til å øke eller redusere størrelsen på teksten i knappen. Knappen tilpasser seg når tekststørrelsen øker og avtar.
Knapptekstfarge
Som standard tar knappene aksentfargen på temaet ditt som definert i Theme Customizer. Dette alternativet lar deg tilordne en tilpasset tekstfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre knappens farge.
Knapp bakgrunnsfarge
Som standard har knappene en gjennomsiktig bakgrunnsfarge. Dette kan endres ved å velge ønsket bakgrunnsfarge fra fargevelgeren.
Bredde på knappens kant
Alle Divi-knapper har en ramme på 2 pixel som standard. Denne grensen kan økes eller reduseres ved hjelp av denne innstillingen. Kanter kan fjernes ved å angi verdien 0.
Knapp kantfarge
Som standard vedtar knappekanter temaets aksentfarge som definert i Theme Customizer. Dette alternativet lar deg tilordne en egendefinert kantfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre fargen på knappekanten.
Knappgrenseradius
Grenseradiusen påvirker runden på hjørnene på knappene dine. Som standard har knappene i Divi en liten kantradius som avrunder hjørnene med 3 piksler. Du kan redusere denne verdien til 0 for å lage en firkantet knapp, eller øke den betydelig for å lage knapper med sirkulære kanter.
Spacing av knapp bokstaver
Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i knappeteksten, bruker du glidebryteren for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.
Knapp skrifttype
Du kan endre skrifttypen til knappeteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.
Legg til et ikon på knappen
Deaktivert, denne innstillingen fjerner ikoner fra knappen din. Som standard viser alle Divi-knappene et pilikon på sveveren.
Knappikon
Hvis ikoner er aktivert, kan du bruke denne innstillingen til å velge hvilket ikon du vil bruke i knappen din. Divi har forskjellige ikoner å velge mellom.
Knappikonfarge
Justering av denne parameteren vil endre fargen på ikonet som vises på knappen din. Som standard er ikonfargen den samme som knappetekstfargen din, men denne innstillingen lar deg justere fargen uavhengig.
Plassering av ikonknapp
Du kan velge å vise ikonet til knappen til venstre eller høyre for knappen.
Vis bare ikonet når du holder markøren over knappen
Som standard vises knappikonene bare når du holder markøren. Hvis du vil at ikonet alltid skal vises, slå av denne innstillingen.
Tekstfarge ved overflytting av knappen
Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.
Knapp bakgrunnsfarge på flyover
Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.
Border farge på flyover
Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.
Radius av grensen til knappen på oversikten
Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.
Spacing av bokstavene på knappen på flyover
Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.
Individuelle pris Tabellalternativer Avanserte alternativer
Tilpasset CSS
Tilpasset CSS kan også brukes på modulen og hvilken som helst av modulens interner. I Custom CSS-delen finner du et tekstfelt der du kan legge til tilpassede CSS-stilark direkte til hvert element. CSS-oppføringer i disse innstillingene er allerede pakket inn i stilkoder. Så bare skriv inn CSS-reglene atskilt med semikolon.
[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-nedlasting"] LAST NED DIVI-TEMAET [/ vcex_button] [/ width»_vc_column] » 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 "icon_right =" faOW D fa-LOAD "] 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
Flott artikkel for en nesten komplett modul. Muligheten for å legge til en overstreket pris ville ikke blitt nektet ...
Bonjour,
Takk for denne veldig presise og detaljerte artikkelen. Jeg er ny i bruken av DIVI-byggherren, og jeg legger merke til at etter at jeg har opprettet taksttabellen min med 3 kolonner, er skjermen for mobil en katastrofe (to ekstra smale kolonner og en tredje på rad ...).
Er det en måte (annet enn å duplisere tabellen og skjule den) for å konfigurere dette som for eksempel på Bootstrap (gi en kolonne bredden på 33% på skrivebordet og 100% på mobil)?
Takk for hjelpen.
Bonjour,
Kan jeg få et skjermbilde av en forhåndsvisning og Divi-konfigurasjonen din?