Kommentarmodulet giver dig mulighed for at placere en formular kommentarer hvor som helst på din side. Hvis du bruger en standardside eller et opslag uden Divi Builder, vil kommentarer stadig blive vist under dit indlægs indhold.
Når Divi Builder er aktiveret, kan du placere kommentarmodulet hvor som helst på din side og formular kommentarer vises på modulets placering. Dette giver dig meget mere kontrol over dine kommentarer!
Sådan tilføjes et kommentaremodul til din side
Før du kan tilføje et kommentarmodul til din side, skal du først tilgå Divi Builder. En gang Divi-tema installeret på din hjemmeside, vil du bemærke en knap Brug Divi Builder over udgiveren, hver gang du opretter en ny side.
Ved at klikke på denne knap aktiverer du Divi Builder, som giver dig 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 upstream-websted, hvis du er logget ind på dit WordPress-dashboard.
Når du er indtastet i 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 kommentarmodulet 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 "kommentarer" og derefter klikke på Enter for automatisk at finde og tilføje kommentarmodulet! Når modulet er tilføjet, vil du blive mødt med listen over modulindstillinger. Disse muligheder er opdelt i tre hovedgrupper: Indhold , Conception et avanceret .
Brug sagen ved at tilføje en kommentarsektion til dit blogindlæg
I dette eksempel viser jeg dig, hvor let det er at indsætte og formatere et kommentarmodul i dit indlæg ved hjælp af Visual Builder.
Bemærk, at kommentarsektionen tilføjes under indholdet af indlægget og over en sidefodsektion med tre kolonner. Kommentarmodulet kunne dog være tilføjet hvor som helst.
Brug Visual Builder til at tilføje et standardsektion med en række i fuld bredde (1 kolonne) under de moduler, der indeholder dit indlægs indhold. Føj derefter modulet Kommentarer til rækken.
Opdater kommentarindstillingerne som følger:
Indholdsindstillinger
Baggrundsfarve på felterne: #ffffff
Design muligheder
Farve på tekst: Mørk
Kommentar Politiet: PT Sans
Kommentar Skriftstørrelse: 20px
Kommentar Tekstfarve:
Politiets felt: PT Sans
Felt skriftstørrelse: 20px
Meta Font: PT Sans, Kursiv, Stor bogstav
Meta skrifttypestørrelse: 16px
Feltgrænse: 0px
Brug grænse: JA
Farve på grænsen: #aaaaaa
Bredde på grænsen: 1px
Brug brugerdefinerede stilarter til knappen: JA
Tekststørrelse-knap: 20
Knappen tekstfarve: #ffffff
Knappens baggrundsfarve: # 02b875
Bredden af grænsen til
knappen: 3px
Nogle emner, som f.eks. Metaoplysninger om indlæg og avatarbilleder, vises kun, når du eller en anden tilføjer en kommentar til indlægget.
Det er alt. Det smukke ved dette modul er, at du kan tilføje yderligere indhold efter kommentarsektionen (som en opfordring til handling eller en Kontaktformular), hvilket ikke er let at gøre med en standard WordPress.
Indholdsoptioner i kommentarmodulet
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 være i denne fane.
Vis forfatterens avatar
Deaktivering af denne indstilling fjerner kommentarforfatterens avatar fra kommentarlisten.
Vis svar-knap
Når knappen Vis svar er deaktiveret, kan brugerne ikke svare på kommentarer i kommentarlisten.
Se kommentarer
Når den er deaktiveret, vises det samlede antal kommentarer ikke længere over kommentarlisten.
Baggrundsfarven på felterne
Kommentarmodulet viser en formular kommentar sammensat af forskellige inputfelter. Som standard har disse inputfelter en grå baggrundsfarve. Du kan ændre denne farve ved at vælge en brugerdefineret farve fra farvevælgeren.
Admin Label
Dette ændrer moduletiketten i generatoren for nem identifikation. Når du bruger WireFrame-visningen i Visual Builder, vises disse etiketter i modulblokken i Divi Builder-grænsefladen.
Kommentarer design muligheder
På fanen Design finder du alle stylingindstillingerne for modulet, såsom skrifttyper, farver, størrelse og afstand. Denne fane giver dig mulighed for at ændre udseendet på dit modul. Hvert Divi-modul har en lang liste over designindstillinger, som du kan bruge til at tilpasse næsten alt.
Tekstfarve
Her kan du vælge værdien af din tekst. Hvis du arbejder med en mørk baggrund, skal din tekst fremhæves. Hvis du arbejder med en lys baggrund, skal din tekst være mørk.
Kommentar skrifttype
Du kan ændre skrifttypen i din kommentar ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper drevet 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, alle bogstaver og understregningsindstillinger.
Kommentar skriftstørrelse
Her kan du justere størrelsen på din kommentarfont. Du kan trække intervalskyderen for at øge eller formindske størrelsen på din tekst, eller du kan 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ørrelse for at ændre enhedstypen.
Tekstfarve på kommentarer
Som standard vises alle tekstfarver i Divi i hvid eller mørk grå. Hvis du vil ændre tekstfarven på dit felt, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Spacing af kommentarbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din kommentartext, skal du bruge intervalskyderen 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ørrelse for at ændre enhedstypen.
Kommentar linjens højde
Linjehøjde påvirker mellemrummet mellem hver linje med kommentartext. Hvis du vil øge afstanden mellem hver linje, skal du bruge intervalskyderen til at justere mellemrummet eller indtaste den ønskede pladsstø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ørrelse for at ændre enhedstypen.
Politifelt
Du kan ændre skrifttypen på din tekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper drevet 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, alle bogstaver og understregningsindstillinger.
Felt skriftstørrelse
Her kan du justere størrelsen på din felttekst. Du kan trække intervalskyderen for at øge eller formindske størrelsen på din tekst, eller du kan 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ørrelse for at ændre enhedstypen.
Felttekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørk grå. Hvis du vil ændre tekstfarven på dit felt, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem felt bogstaver
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i teksten i dit felt, skal du bruge intervalskyderen 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ørrelse for at ændre enhedstypen.
Felt linje højde
Linjehøjde påvirker mellemrummet mellem hver tekstlinje i dit felt. Hvis du vil øge afstanden mellem hver linje, skal du bruge intervalskyderen til at justere mellemrummet eller indtaste den ønskede pladsstø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ørrelse for at ændre enhedstypen.
Meta Font
Du kan ændre skrifttypen på din metatekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper drevet 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, alle bogstaver og understregningsindstillinger.
Meta skrifttype størrelse
Her kan du justere størrelsen på din metatekst. Du kan trække intervalskyderen for at øge eller formindske din tekst, eller du kan 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ørrelse for at ændre enhedstypen.
Farve på metateksten
Som standard vises alle tekstfarver i Divi i hvid eller mørk grå. Hvis du vil ændre farven på din metatekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem metabrev
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din metatekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste størrelsen på 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ørrelse for at ændre enhedstypen.
Højde af metastrengen
Linjehøjde påvirker mellemrummet mellem hver linje i din metatekst. Hvis du vil øge afstanden mellem hver række, skal du bruge intervalskyderen 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ørrelse for at ændre enhedstypen.
Feltgrensradius
Grænsens radius påvirker, hvordan hjørnerne på hvert indtastningsfelt afrundes. Jo højere værdien er, desto mere afrundede er de fire hjørner af hvert indtastningsfelt. Du kan reducere værdien til 0 for at oprette rektangulære inputfelter eller øge værdien markant for at oprette inputfelter med cirkulære kanter.
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. Understøtter brugerdefinerede måleenheder, 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, herunder: solid, prikket, prikket, dobbelt, rille, ryg, indsats og start. Vælg den ønskede stil i rullemenuen for at anvende den på din kant.
Brugerdefineret margen
Margenen er det mellemrum, der er tilføjet på ydersiden af dit modul, mellem modulet og det næste element over, under eller til venstre og højre for det. Du kan tilføje brugerdefinerede margenværdier til en af modulets fire sider. For at fjerne en brugerdefineret margen skal du fjerne merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i inputfelterne.
Brugerdefineret polstring
Polstring er det rum, der tilføjes inde i dit modul, mellem kanten af modulet og dets interne elementer. Du kan tilføje tilpassede polstringsværdier til en af modulets fire sider. For at fjerne en brugerdefineret margen skal du fjerne merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i inputfelterne.
Brug brugerdefinerede stilarter til knapper
Aktivering af denne mulighed afslører de forskellige indstillinger for tilpasning af knapper, 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 skaleres, når tekststørrelsen øges og formindskes.
Knappen tekst farve
Som standard får knapperne dit temas accentfarve som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen på 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 tager 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.
Radius Border-knap
Grænsens radius påvirker, hvordan hjørnerne på dine knapper er afrundede. Som standard har knapperne i Divi en lille radius, der afrunder hjørnerne med 3 pixels. Du kan reducere den 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 afstanden mellem hvert bogstav i knapteksten, skal du bruge skyderen 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ørrelse for at ændre enhedstypen.
Politi knap
Du kan ændre skrifttypen på din tekst ved at vælge den ønskede skrifttype i rullemenuen. Divi kommer med snesevis af fantastiske skrifttyper drevet 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, alle bogstaver og understregningsindstillinger.
Tilføj knapikon
Deaktiveret denne indstilling fjerner ikoner fra din knap. Som standard viser alle Divi-knapper et pilikon, når de svæver.
Knapikon
Hvis ikoner er aktiveret, kan du bruge denne indstilling til at vælge det ikon, der skal bruges i din knap. Divi har flere ikoner at vælge imellem.
Knapikonfarve
Hvis du justerer denne indstilling, æ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.
Knapikonplacering
Du kan vælge at vise ikonet for din knap til venstre eller højre for din knap.
Vis kun svæveikonet for knappen
Som standard vises knapikoner kun, når de svæver. Hvis du vil have, at ikonet altid skal vises, skal du slå denne indstilling fra.
Button flyover tekst farve
Når den besøgendes mus svæver over knappen, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Baggrundsfarve på musen
Når den besøgendes mus svæver over knappen, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover grænsen farve
Når den besøgendes mus svæver over knappen, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Knappen Hovering Radius
Når knappen er svævet over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Spacing knap overdragelse bogstaver
Når knappen er svævet over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Kommentarer Avancerede indstillinger
På fanen Avanceret finder du indstillinger, som mere erfarne webdesignere kan finde nyttige, såsom tilpassede CSS- og HTML-attributter. Her kan du anvende tilpasset 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 skabe brugerdefineret CSS-styling. Du kan tilføje flere klasser, adskilt af et mellemrum. Disse klasser kan bruges i din Divi-tema Underordnet eller i tilpasset CSS, som du tilføjer til din side eller dit websted ved hjælp af Divi-temaindstillinger eller Divi Builder-sideindstillinger.
Tilpasset CSS
Brugerdefineret CSS kan også anvendes på modulet og ethvert af modulets interne elementer. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje CSS direkte til hvert element. CSS-poster i disse indstillinger er allerede indlejret med typografikoder. Så du skal bare indtaste CSS-regler 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.
det er det til denne tutorial.
Hej; hej! Men er der en måde at kommentere under formularen i stedet for ovenfor?
Hej,
Det kræver noget CSS-viden for dette.