Komentari igraju presudnu ulogu u izgradnji zajednice na Internetu. Komentari pružaju platformu za interakciju vašim čitateljima, gdje mogu podijeliti svoja razmišljanja, što ih vrlo često vraća.

Postoji nekoliko načina kako potaknuti korisnike da ostave komentar na vašem blogu. Jedan od tih načina je stvaranje lijepe, upotrebljive i dostupne forme komentara.

U ovom uputstvu pokazat ćemo vam kako oblikovati zadani obrazac za komentare na WordPressu, pokazat ćemo vam i kako dodati funkcije komentara putem ID-ova društvenih mreža i kako stvoriti funkcionalnost pretplate na komentare i još mnogo toga. više.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.

Kako promijeniti stil WordPress komentara

Kada govorimo o stilu, mislimo na CSS strana stvari. U nastavku ću vam pokazati kako prilagoditi izgled obrasca za komentare u WordPressu. Svaki element prema zadanim postavkama na WordPressu ima CSS kôd, ovo je slučaj sa listom komentara, navigacijski meniji, obrazac za komentare, the widgeti i još mnogo toga.

Među fajlovima WordPress teme, imamo datoteku pod nazivom comments.php koja se koristi za prikazivanje komentara i obrazaca za komentare na blogovskim postovima i stranicama. Da bi se prikazao obrazac za komentare na WordPressu, " comment_form () Koristi se.

Discover Kako pronaći link na WordPress stranicu za prijavu

Prema zadanim postavkama, ova funkcija generira vaš obrazac za komentar s tri tekstualna polja (ime, e-pošta i web lokacija), velikim tekstualnim okvirom za sadržaj komentara i dugme za slanje.

Svaki od ovih elemenata možete lako modificirati samo manipuliranjem zadanih CSS klasa i identifikatora. Evo liste zadanih CSS klasa koje WordPress dodaje na svaki obrazac za komentar.

#respond {#} prikazuje-title {#} otkazati-how-prikazuje link {} {} #commentform #author #email {} {} {} #url #comment #submit .comment Napomene {} {} .required .how-obrazac-autor {} .comment-oblik-mail} {.how-obrazac-url} {.how-obrazac-how {} .form-dozvoljeno tagova {} .form podnijeti

Jednostavnim prilagođavanjem ovih CSS klasa možete potpuno promijeniti izgled obrasca za komentare. Pokušajmo nešto promijeniti da biste dobili ideju o tome što možemo učiniti.

Discover Kako zamijeniti veze za slike nakon instaliranja SSL-a na WordPress

Prvo ćemo započeti isticanjem aktivnog polja obrasca. Isticanjem aktivnih polja korisnici mogu lako vidjeti šta mijenjaju i daje malo dinamične strane vašoj web stranici.

# odgovori {background: #ececec; padding: 0 5px 0 5px; } / * Isticanje aktivne tekst polje * / #respond input [type = text] textarea {-webkit-tranzicije: sve 0.30s olakšati-u-out; -moz-tranzicija: sve 0.30-ovi su jednostavni; -ms-tranzicija: svi 0.30-ovi su jednostavni; -o-tranzicija: sve 0.30-ovi su lako dostupni; outline: none; padding: 3px 0px 3px 3px; marža: 5px 1px 3px 0px; granica: 1px solid #DDDDDD; } #respond input [type = text]: fokus, textarea: fokus {box-shadow: 0 0 5px rgba (81, 203, 238, 1); marža: 5px 1px 3px 0px; granica: 1px solid rgba (81, 203, 238, 1); }

Evo kako će izgledati vaš obrazac za komentare sa dvadeset dvanaest.

Korištenjem ovih klasa možete promijeniti način na koji se tekst pojavljuje unutar polja. To ćemo učiniti u sljedećem primjeru.

#author {font-family: Jastreb, "Lobster 1.4", "Droid Without", Arial; Veličina fonta: 16px; boja: #1d1d1d; pismo razmak: .1em; } #url {boja: #21759b; font-family: "Luicida Console", "Courier New", "Courier", minivan; } 

Evo rezultata koji će proizvesti prethodni kod.

Također možete promijeniti stil gumba za obrazac za komentar. U sljedećem primjeru dat ćemo mu gradijentnu pozadinu.

#submit {font-family: Arial; boja: #ffffff; Veličina fonta: 20px; padding: 10px; tekst-dekoracija: nema; box-shadow: 0px 1px 3px # 666666; -webkit-box-shadow: 0px 1px 3px # 666666; -moz-box-shadow: 0px 1px 3px # 666666; tekst sjenila: 1px 1px 3px #666666; background: -webkit-gradient (linearni, 0 0, 0 100%, iz (#006ad4) do (#003366)); pozadina: -moz-linearni-gradijent (vrh, #006ad4, #003366); } #submit: hover {background: -webkit-gradient (linearni, 0 0, 0 100%, iz (#003366) do (#006ad4)); pozadina: -moz-linearni-gradijent (vrh, #003366, #006ad4)}

Evo rezultata koji će se prikazati.

Kako dodati socijalnu interakciju u komentare

Počnimo s dodavanjem društvenih prijava u WordPress obrazac za komentare. Prvo što trebate je instalirati i aktivirati dodatak Socijalna prijava

Discover Kako instalirati plugin u WordPress Da biste aktivirali ovaj dodatak, morate stvoriti besplatan račun na sljedećoj adresi: https://app.oneall.com

Jednom kada se to učini, nećete morati konfigurirati API za svaku mrežu koju želite koristiti kako biste omogućili svojim korisnicima da se preko njih povežu.

Iako se API-ji različitih društvenih mreža neprestano mijenjaju, nećete morati ništa raditi, programeri ovog dodatka ažurirat će svoje API-je umjesto vas. Sve što trebate je prijaviti se na OneAll API.

Tako će se prikazati vaši obrasci.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. WP trenutna pretraga i automatsko predlaganje

Dodatak "WP Instant Search & Auto Suggest" omogućava vam trenutno dobivanje prijedloga za članke, stranice i prilagođene vrste postova prilikom pretraživanja vašeg WordPress bloga. Radi s WPBakery et kamen temeljac.

Njegove karakteristike uključuju: rpretraživanje u režimu preko cijelog ekrana, rTrenutno traženje prilagođenih vrsta publikacija, kompatibilnost s njima Visual Kompozitor, ttri integrirana stila dizajna, 5 sheme boja na izbor, strpodrška za tastaturu i miš, epotpuno prilagodljiv parametrima itd ...

download | Demo | web hosting

2. Stranica sa greškom 404 Preusmeravanje na početnu ili prilagođenu stranicu

Evo jednog od najboljih načina da jednostavno dodate stranicu s greškom 404 koja će preusmjeriti posjetitelja na početnu ili prilagođenu stranicu, nakon što ovo omogućite WordPress dodatak.

Sve 404 stranice s greškom će biti preusmjerene na početnu stranicu ili prilagođeni URL. Koristeći ovo WordPress dodatak, dozvolit ćete Googleu da smanji rang vaše web stranice ako ima mnogo stranica s greškom 404.

Ce WordPress dodatak ne samo da radi preusmjeravanje, već može biti i prikladno rješenje za poboljšanje rangiranja vaše web stranice u rezultatima tražilice.

download | Demo | web hosting

3. Povezani postovi Pro 

Related Posts Pro pruža jednostavno, ali moćno rješenje za sve vrste sličnih sadržaja na WordPressu. Podržava prilagođene vrste postova, višestrane, kategorije, mješoviti sadržaj, prilagođeni sadržaj i još mnogo toga ...

Kao značajke koje nudi između ostalog: 3 različite vrste izgleda, 65 unaprijed definirane predloške za svaki izgled, aneće biti potrebno kodiranje, podrška tpregledavanje i Automatska reprodukcija, kompatibilnost sa prilagođenim vrstama postova koje koriste dodaci WooCommerce, WP e-trgovina, bbPress itd ..., a search bar s filterom, dvrlo opisnu dokumentaciju i još mnogo toga.

download | Demo | web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.

• Kako da pogledate opise kategorije na WordPressu
• Kako optimizirati WordPress Robots.txt datoteku za savršen SEO
• Kako stvoriti Marketplace uz WordPress
• Kako dodati vidžet u zaglavlje vašeg WordPress bloga

zaključak

Evo! To je sve za ovaj vodič. Nadamo se da vam je ovaj članak pomogao da vaše obrasce za povratne informacije učinite zanimljivijim. Ne ustručavajte se ponuditi nam i svoje savjete o prilagođavanju WordPressa, a posebno ovaj članak podijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.

...