Modul komentara omogućuje vam postavljanje a obrazac komentare bilo gdje na vašoj stranici. Ako koristite standardnu stranicu ili post bez Divi Buildera, komentari će se i dalje pojavljivati ispod sadržaja vašeg posta.
Nakon što je Divi Builder aktiviran, možete postaviti modul komentara bilo gdje na vašoj stranici i obrazac komentari će se pojaviti na lokaciji modula. Ovo vam daje puno više kontrole nad vašim komentarima!
Kako dodati modul za komentar na svoju stranicu
Prije nego što svojoj stranici možete dodati modul komentara, prvo morate pristupiti Divi Builderu. Jednom Divi tema instaliran na vašoj web stranici, primijetit ćete gumb Koristite Divi Builder iznad izdavača svaki put kada stvorite novu stranicu.
Klikom na ovaj gumb aktivirate Divi Builder, koji vam daje pristup svim modulima Divi Builder. Zatim kliknite na gumb Koristite Visual Builder za pokretanje generatora u vizualnom načinu. Također možete kliknuti gumb Koristite Visual Builder kada pregledavate web mjesto uzvodno ako ste prijavljeni na svoju WordPress nadzornu ploču.
Jednom ušli u Visual Builder, možete kliknuti sivi gumb plus da biste dodali novi modul na svoju stranicu. Novi moduli mogu se dodavati samo unutar redaka. Ako započinjete novu stranicu, ne zaboravite prvo dodati redak na svoju stranicu.
Pronađite modul za komentare na popisu modula i kliknite ga da biste ga dodali na svoju stranicu. Popis modula je pretraživ, što znači da također možete upisati riječ "komentari", a zatim kliknuti enter za automatsko pronalaženje i dodavanje modula komentara! Nakon dodavanja modula, dočekat će vas popis opcija modula. Te su opcije podijeljene u tri glavne skupine: Sadržaj , Začeće et napredan .
Koristite slučaj dodavanja odjeljka komentara na svoj blog post
U ovom primjeru pokazat ću vam kako je jednostavno umetnuti i formatirati modul komentara u vaš post pomoću Visual Builder-a.
Imajte na umu da je odjeljak komentara dodan ispod sadržaja posta i iznad podnožja od tri stupca. Međutim, modul komentara mogao je biti dodan bilo gdje.
Koristeći Visual Builder, dodajte standardni odjeljak s redom pune širine (1 stupac) ispod Modula koji sadrže vaš sadržaj posta. Zatim u red dodajte modul Komentari.
Ažurirajte postavke komentara na sljedeći način:
Opcije sadržaja
Boja pozadine polja: #ffffff
Mogućnosti dizajna
Boja teksta: tamno
Komentar Policija: PT Sans
Komentar Veličina fonta: 20px
Komentar Boja teksta:
Policija policije: PT Sans
Veličina polja fonta: 20px
Meta Font: PT Ne, italic, velika slova
Meta veličina fonta: 16px
Polje graničnog polja: 0px
Koristite granicu: YES
Boja granice: #aaaaaa
Širina granice: 1px
Za tipku koristite prilagođene stilove: DA
Gumb Veličina teksta: 20
Boja teksta gumba: #ffffff
Boja pozadine gumba: # 02b875
Širina granice
gumb: 3px
Neke se stavke, kao što su meta podaci i slike avatara, pojavljuju samo kad vi ili netko drugi doda komentar na post.
To je sve. Ljepota ovog modula je u tome što možete dodati dodatni sadržaj nakon odjeljka s komentarima (poput poziva na radnju ili kontakt obrazac), što nije lako učiniti sa zadanim WordPressom.
Opcije sadržaja Modula komentara
Na kartici Sadržaj pronaći ćete sav sadržaj modula, poput teksta, slika i ikona. Sve to kontrolira što se pojavljuje u vašem modulu uvijek će biti na ovoj kartici.
Prikaži autora autora
Onemogućivanjem ove opcije uklonit će se avatar autora komentara s popisa komentara.
Prikaži gumb odgovora
Kada je gumb Prikaži odgovor onemogućen, korisnici neće moći odgovarati na komentare na popisu komentara.
Prikaži komentare
Kad je onemogućeno, ukupan broj komentara više neće biti prikazan iznad popisa komentara.
Boja pozadine polja
Modul za komentare prikazuje a obrazac komentar sastavljen od različitih polja za unos. Prema zadanim postavkama, ova polja za unos imaju sivu pozadinu. Ovu boju možete promijeniti odabirom prilagođene boje iz alata za odabir boja.
Administratorska oznaka
Ovo će promijeniti oznaku modula u generatoru radi lakše identifikacije. Kada se koristi prikaz WireFrame u Visual Builderu, ove će se oznake pojaviti u bloku modula sučelja Divi Builder.
Opcije dizajna komentara
Na kartici Dizajn pronaći ćete sve mogućnosti oblikovanja modula, poput fontova, boja, veličine i razmaka. Ova kartica omogućuje vam izmjenu izgleda vašeg modula. Svaki Divi modul ima dugački popis postavki dizajna pomoću kojih možete prilagoditi gotovo sve.
Boja teksta
Ovdje možete odabrati vrijednost svog teksta. Ako radite s tamnom pozadinom, vaš bi tekst trebao biti istaknut. Ako radite sa svijetlom pozadinom, tekst bi trebao biti taman.
Font komentara
Font komentara možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima sjajnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, sve velike i podcrtane opcije.
Veličina teksta komentara
Ovdje možete prilagoditi veličinu fonta komentara. Možete povući klizač intervala da biste povećali ili smanjili veličinu teksta ili možete izravno unijeti željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Boja teksta komentara
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta svog polja, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak komentarskih slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova teksta komentara, upotrijebite klizač intervala za podešavanje prostora ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Visina retka komentara
Visina retka utječe na razmak između svakog retka teksta komentara. Ako želite povećati razmak između svakog retka, pomoću klizača intervala prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Policijsko polje
Font teksta možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima sjajnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, sve velike i podcrtane opcije.
Veličina fonta polja
Ovdje možete prilagoditi veličinu teksta polja. Možete povući klizač intervala da biste povećali ili smanjili veličinu teksta ili možete izravno unijeti željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Boja teksta polja
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta svog polja, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak polja slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova teksta u vašem polju, pomoću klizača intervala prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Visina polja
Visina retka utječe na razmak između svakog retka teksta u vašem polju. Ako želite povećati razmak između svakog retka, pomoću klizača intervala prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Font Meta
Font svog meta-teksta možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima sjajnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, sve velike i podcrtane opcije.
Meta veličina fonta
Ovdje možete prilagoditi veličinu svog meta teksta. Možete povući klizač intervala da biste povećali ili smanjili veličinu teksta ili možete izravno unijeti željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Boja meta-teksta
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju metateksta, odaberite ovu boju iz alata za odabir boja pomoću ove opcije.
Razmak meta slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova vašeg meta-teksta, upotrijebite klizač intervala da prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Visina meta linije
Visina retka utječe na razmak između svakog retka vašeg meta-teksta. Ako želite povećati razmak između svakog retka, pomoću klizača intervala prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Polje graničnog polja
Polumjer obruba utječe na to kako su zaobljeni kutovi svakog polja za unos. Što je vrijednost veća, to su zaobljena četiri kuta svakog polja za unos. Možete smanjiti vrijednost na 0 da biste stvorili pravokutna polja za unos ili značajno povećali vrijednost da biste stvorili polja za unos s kružnim rubovima.
Koristite granicu
Omogućivanjem ove opcije postavit ćete obrub oko vašeg modula. Ovu granicu možete prilagoditi pomoću sljedećih uvjetnih parametara.
Boja granice
Ova opcija utječe na boju vašeg obruba. Odaberite prilagođenu boju iz alata za odabir boja da biste je primijenili na vaš obrub.
Širina granice
Prema zadanim postavkama, obrubi su široki 1 piksel. Ovu vrijednost možete povećati povlačenjem klizača raspona ili unosom prilagođene vrijednosti u polje za unos s desne strane klizača. Podržite prilagođene mjerne jedinice, što znači da možete promijeniti zadanu jedinicu iz "px" u nešto drugo poput em, vh, vw itd.
Granični stil
Granice podržavaju osam različitih stilova, uključujući: pune, točkaste, točkaste, dvostruke, žlijeb, greben, umetak i početak. Na padajućem izborniku odaberite stil koji želite primijeniti na vašu granicu.
Prilagođena marža
Margina je prostor dodan s vanjske strane vašeg modula, između modula i sljedećeg elementa iznad, ispod ili slijeva i zdesna od njega. Možete dodati prilagođene vrijednosti margina na bilo koju od četiri strane modula. Da biste uklonili prilagođenu marginu, uklonite dodanu vrijednost iz polja za unos. Te se vrijednosti prema zadanim postavkama mjere u pikselima, ali u polja za unos možete unijeti prilagođene mjerne jedinice.
Custom padding
Padding je prostor dodan unutar vašeg modula, između ruba modula i njegovih unutarnjih elemenata. Možete dodati prilagođene vrijednosti popunjavanja na bilo koju od četiri strane modula. Da biste uklonili prilagođenu marginu, uklonite dodanu vrijednost iz polja za unos. Te se vrijednosti prema zadanim postavkama mjere u pikselima, ali u polja za unos možete unijeti prilagođene mjerne jedinice.
Upotrijebite prilagođene stilove za gumbe
Omogućivanjem ove opcije otkrivaju se razne postavke prilagodbe gumba pomoću kojih možete promijeniti izgled gumba vašeg modula.
Veličina teksta gumba
Ova se postavka može koristiti za povećanje ili smanjenje veličine teksta na gumbu. Gumb će se skalirati kako se veličina teksta povećava i smanjuje.
Boja teksta gumba
Prema zadanim postavkama, gumbi poprimaju boju naglaska teme, kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju teksta. Odaberite prilagođenu boju pomoću alata za odabir boje da biste promijenili boju gumba.
Boja pozadine gumba
Prema zadanim postavkama, gumbi imaju prozirnu boju pozadine. To se može promijeniti odabirom željene boje pozadine iz alata za odabir boja.
Širina granice gumba
Svi Divi gumbi prema zadanim postavkama imaju obrub od 2 piksela. Ova se granica može povećati ili smanjiti pomoću ove postavke. Granice se mogu ukloniti unosom vrijednosti 0.
Boja rubova gumba
Prema zadanim postavkama obrubi gumba poprimaju boju naglaska teme, kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju obruba. Odaberite prilagođenu boju pomoću alata za odabir boja da biste promijenili boju obruba gumba.
Gumb Border radius
Polumjer obruba utječe na to kako su zaobljeni kutovi gumba. Prema zadanim postavkama, gumbi u Diviu imaju mali radijus koji zaokružuje uglove za 3 piksela. Možete ga smanjiti na 0 da biste stvorili kvadratni gumb ili ga znatno povećali da biste stvorili gumbe s kružnim rubovima.
Razmaknica slova gumba
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova teksta gumba, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em".
Gumb policije
Font teksta možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima sjajnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, sve velike i podcrtane opcije.
Dodajte ikonu gumba
Ako je ova postavka onemogućena, ikone će se ukloniti s vašeg gumba. Prema zadanim postavkama, sve tipke Divi prikazuju ikonu strelice tijekom lebdenja.
Ikona gumba
Ako su ikone omogućene, pomoću ove postavke možete odabrati ikonu koju ćete koristiti na svojem gumbu. Divi ima nekoliko ikona na izbor.
Boja ikone gumba
Prilagodba ove postavke promijenit će boju ikone koja se pojavljuje na vašem gumbu. Prema zadanim postavkama boja ikone jednaka je boji teksta gumba, ali ova postavka omogućuje vam neovisno podešavanje boje.
Mjesto ikone gumba
Možete odabrati prikaz ikone gumba s lijeve ili desne strane gumba.
Prikaži samo ikonu miša za gumb
Prema zadanim postavkama ikone gumba prikazuju se samo kada lebdite. Ako želite da se ikona uvijek prikazuje, isključite ovu postavku.
Boja teksta preuska gumba
Kad se posjetiteljev miš zadrži iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Boja pozadine miša
Kad se posjetiteljev miš zadrži iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Prekoračite boju rubova
Kad se posjetiteljev miš zadrži iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Lebdeći gumb radijusa
Kad se mišem zadrži pokazivač iznad gumba, koristi se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.
Ploče za prebacivanje gumba razmaka
Kad se mišem zadrži pokazivač iznad gumba, koristi se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.
Napredne mogućnosti komentara
Na kartici Napredno pronaći ćete opcije koje bi iskusnijim web dizajnerima mogle biti korisne, poput prilagođenih CSS i HTML atributa. Ovdje možete primijeniti prilagođeni CSS na bilo koji od mnogih elemenata modula. Također možete primijeniti prilagođene CSS klase i ID-ove na modul, koji se mogu koristiti za prilagodbu modula u datoteci style.css vaše dječje teme.
CSS ID
Unesite neobavezni CSS ID koji ćete koristiti za ovaj modul. ID se može koristiti za stvaranje prilagođenog CSS stila ili za povezivanje na određene odjeljke vaše stranice.
CSS klasa
Unesite izborne CSS klase koje ćete koristiti za ovaj modul. CSS klasa može se koristiti za stvaranje prilagođenog CSS stila. Možete dodati više klasa, odvojenih razmakom. Ovi razredi se mogu koristiti u vašem Divi tema Podređeni ili u prilagođenom CSS-u koji dodajete na svoju stranicu ili web mjesto pomoću Divi Theme Options ili Divi Builder Postavke stranice.
Prilagođeni CSS
Prilagođeni CSS također se može primijeniti na modul i bilo koji od unutarnjih elemenata modula. U odjeljku Prilagođeni CSS pronaći ćete tekstualno polje u koje možete dodati CSS izravno u svaki element. CSS unosi u ovim postavkama već su ugrađeni sa stilskim oznakama. Dakle, morate unijeti CSS pravila odvojena zarezom.
vidljivost
Ova vam opcija omogućuje upravljanje uređajima na kojima se pojavljuje vaš modul. Možete odabrati da deaktivirate svoj modul na tabletima, pametnim telefonima ili stolnim računalima pojedinačno. To je korisno ako želite koristiti različite modove na različitim uređajima ili ako želite pojednostaviti mobilni dizajn uklanjanjem nekih elemenata sa stranice.
to je to za ovaj tutorial.
Pozdrav; hi! Ali postoji li način da se komentira pod obrascem umjesto gore?
Pozdrav,
Za to je potrebno neko CSS znanje.