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!

kommentar modul divi.png

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.

knappen divi builder modul blog divi

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.

tilføj kommentarer divi.png

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.

Tilføj en kommentar sektion divi.jpg

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.

kommentar modul divi.png

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.

skriv en kommentar til en artikel.jpg

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.

modul kommentar divi option content.png

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.

option comment divi builder.png

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.

tekst lejren modul kommentar divi.png

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.

border divi builder.png

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.

box skygge divi builder module comment.png

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.

avanceret sektion divi builder modul comments.png

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.