Det er nemmere end nogensinde før at oprette pristabeller for dine produkter online. Opret så mange borde, som du vil, og kontroller priserne og funktionerne for hver enkelt med dit pristabeller-modul WordPress tema Divi. Du kan endda komme med en bestemt plan for at øge konverteringer. Selvom dit modul indeholder flere pristabeller, vil det blive behandlet som ét modul og kan placeres under enhver kolonnestørrelse.
Sådan føjes et modul til taksttabeller til din side
Før du kan tilføje et pristabeller-modul til din side, skal du først hoppe ind i 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 Divi Builder-modulerne. Klik derefter på knappen Brug Visual Builder for at starte generatoren i visuel tilstand. Du kan også klikke på knappen Brug 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 pristabellemodulet på listen over moduler, og klik på det for at tilføje det til din side. Listen over moduler er søgbar, hvilket betyder, at du også kan skrive ordet "pristabeller" og derefter klikke på "enter" for automatisk at søge og tilføje pristabellemodulet! 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 .
Brugssag: Tilføj en pristabel for en produktside
Når du gør forfremmelse af dine produkter på en landingsside, kan pristabeller effektivt vise dine forskellige prismuligheder.
I dette eksempel vil jeg tilføje et prissætningsmodul til at vise tre prissætningsplaner (eller tabeller), hvor en af disse planer skiller sig ud som en fremhævet plan for at øge konverteringer.
Først skal du tilføje et nyt almindeligt afsnit til den side, hvor pristabellerne skal vises. Føj en fuldbredde (1 kolonne) række til sektionen, og indsæt et Prissætningstabeller-modul i rækken.
I indstillingerne for pristabeller skal du klikke på fanen Indhold + Tilføj en ny vare for at tilføje din første tabel.
Opdater parametrene i prissætningstabellen som følger:
Indholdsindstillinger
Titel: Personlig valuta: $ Efter: år Pris: 69 Knaptekst: Registreringsindhold:
Adgang til alle temaer Evige temaopdateringer Premium teknisk support -Adgang til alle plugins -Shop overlayfiler -Ingen årligt gebyr
Button URL: [enter button URL] Baggrund: #ffffff
Design muligheder
Pris Tekstfarve: # 3e51b5 Brug brugerdefinerede knapformater: JA-knap Tekstfarve: #ffffff Knapfarve: # 3e51b5 Knapbredde: 0 px
Gem indstillinger
Du duplikerer nu den pristabel, du lige har oprettet to gange, for at have tre pristabeller i alt.
Opdater for følgende valgmuligheder for den midterste pristabel:
Fanen Indhold
Titel: Udviklerpris: 89 Indhold: Adgang til alle temaer Evige temaopdateringer Premium teknisk support Adgang til alle lagdelte Photoshop-filer - intet årligt gebyr Knap-URL: [indtast knap-URL]
Design fanen
Tekstfarve: # 0091ca Knapfarve: # 0091ca
For den tredje prissætningstabel skal du opdatere indstillingerne som følger:
Fanen Indhold
Titel: Livstid Pris: 249 Knaptekst: Abonner Indhold: Adgang til alle temaer Evige temaopdateringer Premium teknisk support Adgang til alle plugins Lagdelte Photoshop-filer Intet årligt gebyr Knap-URL: [indtast URL knap]
Gem indstillinger
Gå nu tilbage til prisfastsættelsesindstillingerne og opdater følgende:
Indholdsindstillinger
Fremhævet baggrundsfarve på bordet: #0091ca
Design muligheder
Kuglefarve: # 3e51b5 Fremhævet tabelfarve: # 0091ca
Gem indstillinger
Gå nu tilbage og rediger sektionsindstillingerne for at give sektionen en baggrundsfarve på #3e51b5.
Det er alt. Nu har du en pristabel med tre muligheder med den midterste mulighed indstillet som en fremhævet vare, der skiller sig ud fra resten.
Indholdsoptioner til prissætningstabeller
I fanen indhold finder du alle modulets indholdselementer, såsom tekst, billeder og ikoner. Alt det der styrer hvad vises i dit modul vil altid findes på denne fane.
+ Tilføj en ny artikel
Det er her, du tilføjer nye pristabeller til dit modul. Ved at klikke på "+ tilføj nyt element" åbnes en helt ny liste over designmuligheder, der er specifikke for den prissætningstabel. Se nedenfor for individuelle pristabelindstillinger.
Når du har tilføjet din første fane, vises en grå bjælke med titlen på din prissætningstabel i form af en etiket. Den grå bjælke har også tre knapper, der giver dig mulighed for at redigere, duplikere eller slette tabellen.
Vis Bullet
Som standard vises pristabellelementer som punktlister. Hvis du vil fjerne kugler fra listen over funktioner, kan du slå denne mulighed fra.
Baggrundsfarve på det fremhævede bord
Hver pristabel kan "præsenteres". Fremhævede tabeller er fremhævet i rækken, som adskiller dem fra andre muligheder. Ved hjælp af denne indstilling kan du kun ændre baggrundsfarven for fremhævede tabeller.
Baggrundsfarve på tabeloverskrift
Over hver prissætningstabel er et overskriftsområde, der inkluderer din bords titel og undertekst. Du kan kontrollere baggrundsfarven i dette område uafhængigt af baggrundsfarven på hovedtabellen ved at vælge den ønskede farve fra farvevælgeren.
Fremhævet tabeloverskrift
Hver pristabel kan "vises". Fremhævede tabeller er fremhævet i rækken, som adskiller dem fra andre muligheder. Ved hjælp af denne indstilling kan du kun ændre baggrundsfarven på overskriften for de valgte tabeller.
Baggrundsfarve
Pristabellerne har som standard en hvid baggrundsfarve. Hvis du vil bruge en anden farve til din prissætningstabelbaggrund, kan du indstille din brugerdefinerede farve her ved hjælp af farvevælgeren.
Admin Label
Dette vil ændre moduletiketten i konstruktøren for nem identifikation. Når du bruger WireFrame-visningen i Visual Builder, vises disse etiketter i modulblokken i Divi Builder-grænsefladen.
Prissætning bord design muligheder
Under fanen Design finder du alle indstillingerne for modulstyling, såsom skrifttyper, farver, størrelse og afstand. Dette er den fane, du vil bruge til at ændre udseendet på dit modul. Hvert Divi-modul har en lang liste over designindstillinger, som du kan bruge til at ændre alt.
tilpasning
Som standard er funktionslister venstrejusteret i pristabellen. Hvis du vil justere dem, kan du aktivere denne mulighed.
Fjern skygge fra den fremhævede tabel
Som standard har prissætningstabeller en subtil skygge bag hver tabel. Hvis du vil fjerne denne skygge, kan du aktivere denne mulighed.
Artikler fra listen i midten
Her kan du vælge at centrere de poster, der er anført i din tabel.
Kuglens farve
Som standard arver kugler i listen over pristabeller dit temas accentfarve. Hvis du vil bruge en anden farve, kan du indstille den her ved hjælp af farvevælgeren.
Farve på den fremhævede tabel
Hvis du vil bruge en anden farve til punkttegnene i pristabellerne, kan du indstille den farve her ved hjælp af farvevælgeren.
Fremhævet tabelhovedtekstfarve
Denne indstilling styrer farven på tekstfarven på din tabeloverskrift. Hvis du ændrer baggrundsfarven på tabeloverskriften, kan du også ændre denne mulighed for at sikre læsbarhed.
Hovedskrifttype
Du kan ændre skrifttypen på din overskriftstekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Overskrift skriftstørrelse
Her kan du justere størrelsen på din overskriftstekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Sidehovedtekstfarve
Som standard vises alle tekstfarver på Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din overskriftstekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Mellemrum i overskrift
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din overskriftstekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Overskrift rækkehøjde
Rækkehøjde påvirker mellemrummet mellem hver række i din overskriftstekst. Hvis du vil øge mellemrummet mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfelt til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Farve på teksten i den fremhævede tabel
Dette ændrer brødtekstfarven til din fremhævede tabel. Hvis du ændrer baggrundsfarven på din tabel, skal du muligvis ændre denne mulighed for at sikre læsbarhed.
Body skrifttype
Du kan ændre din kropsskrifttype ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Krops skrifttypestørrelse
Her kan du justere din kropstekststørrelse. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Krops tekstfarve
Som standard vises alle tekstfarver på Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din tekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem kropsbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din tekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Højde på kropslinjen
Linjehøjde påvirker mellemrummet mellem hver tekstlinje i din krop Hvis du vil øge afstanden mellem hver linje, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet placeret til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Tekstfarve på bordet undertekst
Dette ændrer billedtekstens farve til din fremhævede tabel. Hvis du ændrer baggrundsfarven på din tabel, skal du muligvis ændre denne mulighed for at sikre læsbarhed.
Undertekst skrifttype
Du kan ændre skrifttypen på din billedtekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Tekststørrelse på undertekst eller undertekst
Her kan du justere størrelsen på din underhovedtekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste værdien for den ønskede tekststørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Tekstfarve på underhovedet
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre tekstfarven på din billedtekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem bogstaver i underhovedet
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din billedtekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Højde på underhovedlinjen
Linjehøjde påvirker mellemrummet mellem hver linje i din billedtekst. Hvis du vil øge mellemrummet mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Valuta Valuta og frekvens
Du kan ændre din valutas skrifttype og hyppighedstekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Valuta Valuta Størrelse og frekvens
Her kan du justere din valuta størrelse og hyppighedstekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Valutatekstfarve og frekvens
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din valuta og hyppighedstekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Spacing af bogstaver og valutaer
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din valuta og hyppighedstekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Linje med frekvensvaluta
Linjehøjde påvirker afstanden mellem hver linje i din valuta og frekvenstekst. Hvis du vil øge afstanden mellem hver linje, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i feltet til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Udvalgte Farve Pris
Dette ændrer farven på priserne på dit udvalgte bord. Hvis du ændrer baggrundsfarven på din tabel, skal du muligvis ændre denne mulighed for at sikre læsbarhed.
Pris Politi
Du kan ændre skrifttypen i din pristekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, stor bogstav og understregningsmuligheder.
Pris skriftstørrelse
Her kan du justere størrelsen på din pristekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Pris tekst farve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din pristekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem prisbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge afstanden mellem hvert bogstav i din pristekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Høje prislinje
Rækkehøjde påvirker mellemrummet mellem hver række i din pristekst Hvis du vil øge afstanden mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet placeret til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Brug grænsen
Aktivering af denne mulighed placerer en kant omkring dit modul. Denne kant kan tilpasses ved hjælp af følgende betingede parametre.
Farve på grænsen
Denne indstilling påvirker farven på din kant. Vælg en brugerdefineret farve fra farvevælgeren for at anvende den på din kant.
Bredden af grænsen
Som standard er kanterne 1 pixel brede. Du kan øge denne værdi ved at trække områdeskyderen eller indtaste en brugerdefineret værdi i indtastningsfeltet til højre for skyderen. Brugerdefinerede måleenheder understøttes, hvilket betyder at du kan ændre standardenheden fra "px" til noget andet som em, vh, vw osv.
Grænsestil
Grænser understøtter otte forskellige stilarter: solid, prikket, dobbelt, rille, kam, overlay og start. Vælg den ønskede stil i rullemenuen for at anvende den på din kant.
Brug tilpassede stilarter til knappen
Aktivering af denne mulighed afslører forskellige indstillinger for tilpasning af knapper, som du kan bruge til at ændre udseendet på dit moduls knap.
Knappen tekststørrelse
Denne indstilling kan bruges til at øge eller formindske størrelsen på teksten i knappen. Knappen tilpasser sig, når tekststørrelsen øges og formindskes.
Knappen tekst farve
Som standard anvender knapperne accentfarven på dit tema som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knapfarven.
Button baggrundsfarve
Som standard har knapperne en gennemsigtig baggrundsfarve. Dette kan ændres ved at vælge den ønskede baggrundsfarve fra farvevælgeren.
Bredden af knapgrænsen
Alle Divi-knapper har en 2 pixers kant som standard. Denne kant kan øges eller formindskes ved hjælp af denne indstilling. Kanter kan fjernes ved at indtaste en værdi på 0.
Knappen kantfarve
Som standard vedtager knapgrænser dit temas accentfarve som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret kantfarve til knappen på dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre farven på knapgrænsen.
Knappen grænsen radius
Grænsens radius påvirker runden af hjørnerne på dine knapper. Som standard har knapperne i Divi en lille kantradius, der afrunder hjørnerne med 3 pixels. Du kan reducere denne værdi til 0 for at oprette en firkantet knap eller øge den markant for at oprette knapper med cirkulære kanter.
Spacing af bogstaverne på knappen
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din knaptekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Boutton politiet
Du kan ændre skrifttypen på din knaptekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Tilføj et knapikon
Deaktiveret, denne indstilling fjerner ikoner fra din knap. Som standard viser alle Divi-knapper et pilikon.
Knapikon
Hvis ikoner er aktiveret, kan du bruge denne indstilling til at vælge hvilket ikon der skal bruges i din knap. Divi har forskellige ikoner at vælge imellem.
Knapikonfarve
Hvis du justerer denne parameter, ændres farven på ikonet, der vises på din knap. Som standard er ikonfarven den samme som din knaptekstfarve, men denne indstilling giver dig mulighed for at justere farven uafhængigt.
Placering af knapikon
Du kan vælge at vise ikonet for din knap til venstre eller højre for din knap.
Vis kun ikon, når du holder markøren over knappen
Som standard vises knapikoner kun, når du svæver. Hvis du vil have, at ikonet altid skal vises, skal du slå denne indstilling fra.
Tekstfarve ved overflytning af knappen
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover knap baggrundsfarve
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Farvebøjle Border Button
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover Border Radius Button
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Pegefunktionsafstandsknap
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Avancerede rate-kortindstillinger
På den avancerede fane finder du muligheder, som mere erfarne webdesignere måske finder nyttige, såsom tilpassede CSS- og HTML-attributter. Her kan du anvende brugerdefineret CSS på ethvert af modulets mange elementer. Du kan også anvende tilpassede CSS-klasser og ID'er til modulet, som kan bruges til at tilpasse modulet i dit barns temas style.css-fil.
CSS ID
Indtast et valgfrit CSS-ID, der skal bruges til dette modul. Et ID kan bruges til at oprette en brugerdefineret CSS-stil eller til at linke til bestemte sektioner på din side.
CSS klasse
Indtast de valgfri CSS-klasser, der skal bruges til dette modul. En CSS-klasse kan bruges til at oprette brugerdefineret CSS-styling. Du kan tilføje flere klasser adskilt af et mellemrum. Disse klasser kan bruges i dit Divi-underordnede tema eller i det brugerdefinerede CSS-stilark, som du føjer til din side eller til dit websted ved hjælp af Divi-temaindstillingerne eller Divi Builder-sideindstillingerne.
Tilpasset CSS
Brugerdefineret CSS kan også anvendes på modulet og ethvert af modulets interner. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje tilpassede CSS-stilark direkte til hvert element. CSS-poster i disse indstillinger er allerede pakket i typografikoder. Så indtast bare CSS-reglerne adskilt af semikolon.
synlighed
Denne mulighed giver dig mulighed for at kontrollere de enheder, som dit modul vises på. Du kan vælge at deaktivere dit modul på tablets, smartphones eller desktops individuelt. Dette er nyttigt, hvis du vil bruge forskellige mods på forskellige enheder, eller hvis du vil forenkle mobildesignet ved at fjerne visse elementer fra siden.
Indholdsvalg for individuelle pristabeller
titel
Den titel, du indsætter her, bruges til denne (Premium) prisindstilling.
Undertekst
Underteksten, du indsætter her, vises under din titel.
Devise
Indtast symbolet for din ønskede valuta her.
af
Hvis din prisfastsættelse er abonnementsbaseret, skal du indtaste abonnementscyklussen her (for eksempel År).
Pris
Indtast produktværdien her.
Knappen tekst
Specificer teksten på knappen her.
Indhold
Dette felt er hvor du kan indtaste listen over funktioner, der kommer eller ikke følger med dit produkt. Adskil hvert listeelement på en ny linje, og start hver linje med et + eller - symbol. A + angiver en inkluderet funktion, mens A - angiver en ekskluderet funktion.
Button URL
Nederst i hver tabel kan du indsætte en Call to Action-knap ved at indsætte en gyldig web-url i dette felt. Forlad dette og
tomt tekstfelt, hvis du ikke vil have en knap i din pristabel.
Baggrundsfarve
Definer en brugerdefineret baggrundsfarve til dit modul, eller lad den være tom for at bruge standardfarven.
Design muligheder for individuelle prisborde
Lav denne tabel fremhævet
Vælg at placere denne pristabel frem eller ej med denne rullemenu. Dette gør det muligt for bestyrelsen at skille sig ud fra resten.
Varefarve ekskluderet
For emner på din liste, der er angivet som udelukket ved hjælp af symbolet -, kan du justere deres farve ved hjælp af denne indstilling. For eksempel vil du måske ændre farven til rød eller reducere deres opacitet for visuelt at betyde, at varerne er ekskluderet fra den aktuelle pakke.
Hovedtekst
Du kan ændre skrifttypen på din overskriftstekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Overskrift skriftstørrelse
Her kan du justere størrelsen på din overskriftstekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Sidehovedtekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din overskriftstekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Mellemrum i overskrift
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din overskriftstekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Header rækkehøjde
Rækkehøjde påvirker mellemrummet mellem hver række i din overskriftstekst. Hvis du vil øge mellemrummet mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfelt til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Body skrifttype
Du kan ændre din kropsskrifttype ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Krops skrifttypestørrelse
Her kan du justere din kropstekststørrelse. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Krops tekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din tekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem kropsbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din tekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Højde på kropslinjen
Linjehøjde påvirker mellemrummet mellem hver tekstlinje i din krop Hvis du vil øge afstanden mellem hver linje, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet placeret til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Undertekst skrifttype
Du kan ændre skrifttypen på din billedtekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Undertekst skriftstørrelse
Her kan du justere størrelsen på din underhovedtekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste værdien for den ønskede tekststørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Teksttekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre tekstfarven på din billedtekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Spacing af undertekst bogstaver
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din billedtekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Højde på undertekstlinjen
Linjehøjde påvirker mellemrummet mellem hver linje i din billedtekst. Hvis du vil øge mellemrummet mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Valuta Valuta og frekvens
Du kan ændre din valutas skrifttype og hyppighedstekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Skriftstørrelse for valuta og frekvens
Her kan du justere din valuta størrelse og hyppighedstekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Tekstfarve til valuta og frekvens
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din valuta og hyppighedstekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Spacing af bogstaver og valutaer
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din valuta og hyppighedstekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Valuta og frekvens linje
Linjehøjde påvirker afstanden mellem hver linje i din valuta og frekvenstekst. Hvis du vil øge afstanden mellem hver linje, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i feltet til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Prispolitik
Du kan ændre skrifttypen i din pristekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Pris skriftstørrelse
Her kan du justere størrelsen på din pristekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Pris tekst farve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din pristekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem prisbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge afstanden mellem hvert bogstav i din pristekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Høje prislinje
Rækkehøjde påvirker mellemrummet mellem hver række i din pristekst Hvis du vil øge afstanden mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede mellemstørrelse i indtastningsfeltet placeret til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Brug tilpassede stilarter til knappen
Aktivering af denne mulighed afslører forskellige indstillinger for tilpasning af knapper, som du kan bruge til at ændre udseendet på dit moduls knap.
Knappen tekststørrelse
Denne indstilling kan bruges til at øge eller formindske størrelsen på teksten i knappen. Knappen tilpasser sig, når tekststørrelsen øges og formindskes.
Knappen tekst farve
Som standard anvender knapperne accentfarven på dit tema som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knapfarven.
Button baggrundsfarve
Som standard har knapperne en gennemsigtig baggrundsfarve. Dette kan ændres ved at vælge den ønskede baggrundsfarve fra farvevælgeren.
Bredden af knapgrænsen
Alle Divi-knapper har en kant på 2 pixel som standard. Denne kant kan øges eller formindskes ved hjælp af denne indstilling. Kanter kan fjernes ved at indtaste en værdi på 0.
Knappen kantfarve
Som standard vedtager knapgrænser dit temas accentfarve som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret kantfarve til knappen på dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre farven på knapgrænsen.
Knappen grænsen radius
Grænsens radius påvirker runden af hjørnerne på dine knapper. Som standard har knapperne i Divi en lille kantradius, der afrunder hjørnerne med 3 pixels. Du kan reducere denne værdi til 0 for at oprette en firkantet knap eller øge den markant for at oprette knapper med cirkulære kanter.
Afstand mellem knapbogstaver
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din knaptekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Knappen skrifttype
Du kan ændre skrifttypen på din knaptekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Føj et ikon til knappen
Deaktiveret, denne indstilling fjerner ikoner fra din knap. Som standard viser alle Divi-knapper et pilikon på svævningen.
Knapikon
Hvis ikoner er aktiveret, kan du bruge denne indstilling til at vælge hvilket ikon der skal bruges i din knap. Divi har forskellige ikoner at vælge imellem.
Knapikonfarve
Hvis du justerer denne parameter, ændres farven på ikonet, der vises på din knap. Som standard er ikonfarven den samme som din knaptekstfarve, men denne indstilling giver dig mulighed for at justere farven uafhængigt.
Ikon knap placering
Du kan vælge at vise ikonet for din knap til venstre eller højre for din knap.
Vis kun ikon, når du holder markøren over knappen
Som standard vises knapikoner kun, når du svæver. Hvis du vil have, at ikonet altid skal vises, skal du slå denne indstilling fra.
Tekstfarve ved overflytning af knappen
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Button baggrundsfarve på flyover
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Border farve på flyover
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Radius af kanten på knappen i oversigten
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Spacing af bogstaverne på knappen på flyover
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Individuelle pris Tabelindstillinger Avancerede indstillinger
Tilpasset CSS
Brugerdefineret CSS kan også anvendes på modulet og ethvert af modulets interner. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje tilpassede CSS-stilark direkte til hvert element. CSS-poster i disse indstillinger er allerede pakket i typografikoder. Så indtast bare CSS-reglerne adskilt af 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 = "flad" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] DOWNLOAD 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 = "udvidet" align = "center" font_family = "Raleway" font_weight = "700 ″ stil =" flad "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "icon_right =" faPL D fa-LOAD" 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
Fantastisk artikel til et næsten komplet modul. Muligheden for at tilføje en overstreget pris ville ikke have været nægtet ...
Hej,
Tak for denne meget præcise og detaljerede artikel. Jeg er ny i brugen af DIVI-bygherren, og jeg bemærker, at efter at have oprettet min tabel med takster med 3 kolonner, er displayet til mobil en katastrofe (2 ekstra smalle kolonner og en tredje i træk ...).
Er der en måde (bortset fra at duplikere tabellen og skjule den) til at konfigurere dette som f.eks. På Bootstrap (give en kolonne bredden på 33% på desktop og 100% på mobil)?
Tak for hjælpen.
Hej,
Kan jeg få et screenshot af en forhåndsvisning samt din Divi-konfiguration?