Gå till innehållet

Så här lägger du till en kommentar avsnitt på Divi

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Kommentarmodulen låter dig placera ett kommentarformulär var som helst på din sida. Om du använder en standardsida eller ett inlägg utan Divi Builder kommer kommentarerna fortfarande att visas under innehållet i ditt inlägg.

När Divi Builder har aktiverats kan du placera kommentarmodulen var som helst på din sida och kommentarformuläret visas på platsen för modulen. Detta ger dig mycket mer kontroll över dina kommentarer!

kommentar modul divi.png

Så lägger du till en kommentarmodul på din sida

Innan du kan lägga till en kommentarmodul på din sida måste du först komma åt Divi Builder. När Divi-temat har installerats på din webbplats kommer du att märka en knapp Använd Divi Builder ovanför utgivaren varje gång du skapar en ny sida.

Genom att klicka på den här knappen aktiverar du Divi Builder, vilket ger dig tillgång till alla Divi Builder-moduler. Klicka sedan på knappen Använd Visual Builder för att starta generatorn i visuellt läge. Du kan också klicka på knappen Använd Visual Builder när du surfar på din uppströmswebbplats om du är inloggad på din WordPress-instrumentpanel.

knappen divi builder modul blogg divi

När du väl har gått in i Visual Builder kan du klicka på den grå plusknappen för att lägga till en ny modul på din sida. Nya moduler kan bara läggas till inom rader. Om du börjar en ny sida, kom ihåg att först lägga till en rad på din sida.

lägg till kommentarer divi.png

Leta reda på kommentarmodulen i listan över moduler och klicka på den för att lägga till den på din sida. Listan över moduler är sökbar, vilket innebär att du också kan skriva in ordet "kommentarer" och sedan klicka på Enter för att automatiskt hitta och lägga till kommentarer-modulen! När modulen har lagts till hälsas du med listan över modulalternativ. Dessa alternativ är uppdelade i tre huvudgrupper: Innehåll , Conception et advanced .

Använd mål om du lägger till ett kommentarsektion i ditt blogginlägg

I det här exemplet visar jag hur lätt det är att infoga och formatera en kommentarmodul i ditt inlägg med Visual Builder.

Observera att kommentarsektionen läggs till under inläggets innehåll och ovanför ett avsnitt med tre kolumner i sidfoten. Kommentarmodulen kunde dock ha lagts till var som helst.

lägg till en kommentar sektion divi.jpg

Med Visual Builder lägger du till ett standardavsnitt med en rad med full bredd (1 kolumn) nedanför modulerna som innehåller ditt inläggsinnehåll. Lägg sedan till kommentarer-modulen i raden.

kommentar modul divi.png

Uppdatera kommentarinställningarna enligt följande:

Innehållsalternativ

Bakgrundsfärgen på fälten: #ffffff

Designalternativ

Färg på text: Mörk
Kommentar Polis: PT Sans
Kommentar Skriftstorlek: 20px
Kommentar Textfärg:
Polisområde: PT Sans
Fältstorlekstorlek: 20px
Meta Font: PT Sans, Kursiv, Storlek
Meta fontstorlek: 16px
Fältgräns Radius: 0px
Använd gränsen: JA
Färg på gränsen: #aaaaaa
Breddens bredd: 1px
Använd anpassade stilar för knappen: JA
Textstorleksknapp: 20
Knapptextfärg: #ffffff
Knappens bakgrundsfärg: # 02b875
Bredd av gränsen till
knapp: 3px

Vissa objekt, till exempel postmetainformation och avatarbilder, visas bara när du eller någon annan lägger till en kommentar till inlägget.

skriv en kommentar till en artikel.jpg

Det är allt. Skönheten i denna modul är att du kan lägga till ytterligare innehåll efter kommentarsektionen (som en uppmaning till handling eller ett kontaktformulär) vilket inte är enkelt att göra med en WordPress som standard.

Innehållsalternativ för kommentermodulen

På fliken innehåll hittar du alla innehållselement i modulen, till exempel text, bilder och ikoner. Allt som styr vad visas i din modul kommer alltid att finnas på den här fliken.

modulkommentar divi option content.png

Visa författaravatar

Om du inaktiverar det här alternativet tas kommentarförfattarens avatar bort från kommentarlistan.

Visa svarsknapp

När knappen Visa svar är inaktiverad kan användare inte svara på kommentarer i kommentarlistan.

Visa kommentarer

När den är inaktiverad kommer det totala antalet kommentarer inte längre att visas ovanför kommentarlistan.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Bakgrundsfärgen på fälten

Kommentarmodulen visar ett kommentarformulär som består av olika inmatningsfält. Som standard har dessa inmatningsfält en grå bakgrundsfärg. Du kan ändra den här färgen genom att välja en anpassad färg från färgväljaren.

Admin-etikett

Detta ändrar moduletiketten i generatorn för enkel identifiering. När du använder WireFrame-vyn i Visual Builder visas dessa etiketter i modulblocket i Divi Builder-gränssnittet.

Kommentarer designalternativ

På fliken Design hittar du alla modulstilalternativ, som teckensnitt, färger, storlek och avstånd. På den här fliken kan du ändra utseendet på din modul. Varje Divi-modul har en lång lista med designinställningar som du kan använda för att justera nästan vad som helst.

Alternativ kommentar divi builder.png

Textfärg

Här kan du välja värdet på din text. Om du arbetar med en mörk bakgrund bör din text markeras. Om du arbetar med en ljus bakgrund bör din text vara mörk.

Kommentar font

Du kan ändra teckensnittet för din kommentar genom att välja önskat teckensnitt från rullgardinsmenyn. Divi levereras med dussintals fantastiska teckensnitt som drivs av Google-teckensnitt. Som standard använder Divi teckensnittet Open Sans för all text på din sida. Du kan också anpassa stilen på din text med fet, kursiv, alla versaler och understrykningsalternativ.

Kommentar skriftstorlek

Här kan du justera storleken på din kommentars typsnitt. Du kan dra intervallreglaget för att öka eller minska storleken på din text, eller du kan direkt ange önskat textstorleksvärde i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Textfärg på kommentarer

Som standard visas alla textfärger i Divi i vitt eller mörkgrått. Om du vill ändra fältets textfärg väljer du önskad färg från färgväljaren med det här alternativet.

Spacing of comment letters

Bokstavsavstånd påverkar utrymmet mellan varje bokstav. Om du vill öka utrymmet mellan varje bokstav i din kommentartext använder du intervallreglaget för att justera utrymmet eller anger önskad avståndsstorlek i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Kommentar linje höjd

Radhöjd påverkar utrymmet mellan varje rad med kommentartext. Om du vill öka utrymmet mellan varje rad, använd intervallreglaget för att justera utrymmet eller ange önskad avståndsstorlek i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Polisområde

Du kan ändra typsnittet för din text genom att välja önskat typsnitt i rullgardinsmenyn. Divi levereras med dussintals fantastiska teckensnitt som drivs av Google-teckensnitt. Som standard använder Divi teckensnittet Open Sans för all text på din sida. Du kan också anpassa stilen på din text med fet, kursiv, alla versaler och understrykningsalternativ.

Fältstypstorlek

Här kan du justera storleken på din fälttext. Du kan dra intervallreglaget för att öka eller minska storleken på din text, eller du kan direkt ange önskat textstorleksvärde i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Fälttextfärg

Som standard visas alla textfärger i Divi i vitt eller mörkgrått. Om du vill ändra fältets textfärg väljer du önskad färg från färgväljaren med det här alternativet.

Spacing av fältbokstäver

Bokstavsavstånd påverkar utrymmet mellan varje bokstav. Om du vill öka utrymmet mellan varje bokstav i texten i ditt fält, använd intervallreglaget för att justera mellanslag eller ange önskad avståndsstorlek i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

textlägesmodul kommentar divi.png

Fältlinjehöjd

Radhöjd påverkar utrymmet mellan varje textrad i ditt fält. Om du vill öka utrymmet mellan varje rad, använd intervallreglaget för att justera utrymmet eller ange önskad avståndsstorlek i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Meta Font

Du kan ändra typsnittet för din metatekst genom att välja önskat typsnitt från rullgardinsmenyn. Divi levereras med dussintals fantastiska teckensnitt som drivs av Google-teckensnitt. Som standard använder Divi teckensnittet Open Sans för all text på din sida. Du kan också anpassa stilen på din text med fet, kursiv, alla versaler och understrykningsalternativ.

Meta fontstorlek

Här kan du justera storleken på din metatekst. Du kan dra intervallreglaget för att öka eller minska storleken på din text, eller du kan direkt ange önskat textstorleksvärde i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Färg på metateksten

Som standard visas alla textfärger i Divi i vitt eller mörkgrått. Om du vill ändra färgen på din metatekst väljer du önskad färg från färgväljaren med det här alternativet.

Avstånd mellan metabrev

Bokstavsavstånd påverkar utrymmet mellan varje bokstav. Om du vill öka utrymmet mellan varje bokstav i din metatext, använd avståndsreglaget för att justera utrymmet eller ange storleken på det avstånd du vill ha i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Höjden på metalinjen

Linjehöjd påverkar utrymmet mellan varje rad i din metatext. Om du vill öka utrymmet mellan varje rad, använd intervallreglaget för att justera utrymmet eller ange önskad avståndsstorlek i inmatningsfältet till höger om reglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Fältgräns Radius

Gränsens radie påverkar hur hörnen på varje inmatningsfält avrundas. Ju högre värde desto mer rundade de fyra hörnen i varje inmatningsfält. Du kan minska värdet till 0 för att skapa rektangulära inmatningsfält eller öka värdet avsevärt för att skapa inmatningsfält med cirkulära kanter.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

border divi builder.png

Använd gränsen

Om du aktiverar det här alternativet placeras en gräns runt din modul. Denna kant kan anpassas med följande villkorliga parametrar.

Färg på gränsen

Det här alternativet påverkar färgen på din kant. Välj en anpassad färg från färgväljaren för att tillämpa den på din kant.

Bredden av gränsen

Som standard är gränserna 1 pixel breda. Du kan öka detta värde genom att dra områdesreglaget eller ange ett anpassat värde i inmatningsfältet till höger om reglaget. Stöd anpassade måttenheter, vilket innebär att du kan ändra standardenheten från "px" till något annat som em, vh, vw etc.

Gränsstil

Gränser stöder åtta olika stilar, inklusive: solid, prickad, prickad, dubbel, spår, ås, insats och start. Välj den stil du vill ha i rullgardinsmenyn för att tillämpa den på din gräns.

Anpassad marginal

Marginalen är utrymmet som läggs till på utsidan av din modul, mellan modulen och nästa element ovanför, under eller till vänster och höger om den. Du kan lägga till anpassade marginalvärden till någon av modulens fyra sidor. För att ta bort en anpassad marginal, ta bort mervärdet från inmatningsfältet. Som standard mäts dessa värden i pixlar, men du kan ange anpassade måttenheter i inmatningsfälten.

Anpassad stoppning

Padding är utrymmet som läggs till i din modul, mellan kanten på modulen och dess interna element. Du kan lägga till anpassade utfyllnadsvärden till någon av modulens fyra sidor. För att ta bort en anpassad marginal, ta bort mervärdet från inmatningsfältet. Som standard mäts dessa värden i pixlar, men du kan ange anpassade måttenheter i inmatningsfälten.

Använd anpassade stilar för knappar

Om du aktiverar det här alternativet visas de olika inställningarna för anpassning av knappar som du kan använda för att ändra utseendet på din moduls knapp.

Knapptextstorlek

Denna inställning kan användas för att öka eller minska storleken på texten i knappen. Knappen skalas när textstorleken ökar och minskar.

Knapptextfärg

Som standard tar knapparna ditt temas accentfärg, enligt definitionen i Theme Customizer. Med det här alternativet kan du tilldela en anpassad textfärg till knappen i den här modulen. Välj din anpassade färg med hjälp av färgväljaren för att ändra knappfärg.

Knapp bakgrundsfärg

Som standard har knapparna en transparent bakgrundsfärg. Detta kan ändras genom att välja önskad bakgrundsfärg från färgväljaren.

Bredden på knappgränsen

Alla Divi-knappar har en två pixlar kant som standard. Denna gräns kan ökas eller minskas med den här inställningen. Gränser kan tas bort genom att ange värdet 2.

box shadow divi builder module comment.png

Knapp kantfärg

Som standard tar knappramarna ditt temas accentfärg, enligt definitionen i temainpassaren. Med det här alternativet kan du tilldela en anpassad kantfärg till knappen i den här modulen. Välj din anpassade färg med hjälp av färgväljaren för att ändra färgen på knappramen.

Radius Border-knapp

Kantens radie påverkar hur hörnen på dina knappar är rundade. Som standard har knapparna i Divi en liten radie som avrundar hörnen med 3 pixlar. Du kan minska den till 0 för att skapa en fyrkantig knapp eller öka den avsevärt för att skapa knappar med cirkulära kanter.

Spacing av knapp bokstäver

Bokstavsavstånd påverkar utrymmet mellan varje bokstav. Om du vill öka mellanrummet mellan varje bokstav i knapptexten, använd intervallreglaget för att justera mellanslag eller ange önskad rymdstorlek i inmatningsfältet till höger om skjutreglaget. Inmatningsfälten stöder olika måttenheter, vilket innebär att du kan ange "px" eller "em" beroende på din storlek för att ändra enhetstyp.

Polis knapp

Du kan ändra typsnittet för din text genom att välja önskat typsnitt i rullgardinsmenyn. Divi levereras med dussintals fantastiska teckensnitt som drivs av Google-teckensnitt. Som standard använder Divi teckensnittet Open Sans för all text på din sida. Du kan också anpassa stilen på din text med fet, kursiv, alla versaler och understrykningsalternativ.

Lägg till knappikon

Inaktiverad den här inställningen tar bort ikoner från din knapp. Som standard visar alla Divi-knappar en pilikon när du svävar.

Knappikon

Om ikoner är aktiverade kan du använda den här inställningen för att välja vilken ikon du vill använda i din knapp. Divi har flera ikoner att välja mellan.

Knapp ikon färg

Om du justerar den här inställningen ändras färgen på ikonen som visas på din knapp. Som standard är ikonfärgen densamma som knappens textfärg, men den här inställningen låter dig justera färgen oberoende.

Knapp ikon plats

Du kan välja att visa ikonen för din knapp till vänster eller höger om din knapp.

Visa bara svävarikonen för knappen

Som standard visas knappikoner bara när du svävar. Om du vill att ikonen alltid ska visas stänger du av den här inställningen.

Knapp flyvert textfärg

När besökarens mus svävar över knappen används den här färgen. Färgen ändras från basfärgen som definierades i tidigare inställningar.

Bakgrundsfärg på musen

När besökarens mus svävar över knappen används den här färgen. Färgen ändras från basfärgen som definierades i tidigare inställningar.

Häng gränsen färg

När besökarens mus svävar över knappen används den här färgen. Färgen ändras från basfärgen som definierades i tidigare inställningar.

Höger Radius-knapp

När knappen hålls över en besökares mus används detta värde. Värdet ändras från basvärdet som definierats i tidigare inställningar.

Spacing-knappöverföringsbokstäver

När knappen hålls över en besökares mus används detta värde. Värdet ändras från basvärdet som definierats i tidigare inställningar.

Kommentarer Avancerade alternativ

På fliken Avancerat hittar du alternativ som mer erfarna webbdesigners kan hitta användbara, till exempel anpassade CSS- och HTML-attribut. Här kan du använda anpassad CSS på något av modulens många element. Du kan också tillämpa anpassade CSS-klasser och ID på modulen, som kan användas för att anpassa modulen i ditt barns temas style.css-fil.

avancerad sektion divi builder modul comments.png

CSS ID

Ange ett valfritt CSS-ID som ska användas för den här modulen. Ett ID kan användas för att skapa en anpassad CSS-stil eller för att länka till vissa delar av din sida.

CSS klass

Ange de valfria CSS-klasserna som ska användas för den här modulen. En CSS-klass kan användas för att skapa anpassad CSS-styling. Du kan lägga till flera klasser, åtskilda av ett mellanslag. Dessa klasser kan användas i ditt Divi Child-tema eller i anpassad CSS som du lägger till på din sida eller webbplats med Divi-temalternativen eller Divi Builder-sidinställningarna.

Anpassad CSS

Anpassad CSS kan också tillämpas på modulen och alla modulens interna element. I avsnittet Anpassad CSS hittar du ett textfält där du kan lägga till CSS direkt till varje element. CSS-posterna i dessa inställningar är redan inbäddade med stiltaggar. Så du måste bara ange CSS-regler åtskilda av semikolon.

synlighet

Med det här alternativet kan du styra enheterna där din modul visas. Du kan välja att inaktivera din modul på surfplattor, smartphones eller stationära datorer individuellt. Detta är användbart om du vill använda olika mods på olika enheter eller om du vill förenkla mobildesignen genom att ta bort några element från sidan.

det är det för denna handledning.

Den här artikeln innehåller kommentarer 2

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
5 aktier
del1
tweet1
Enregistrer3