Komentari igraju presudnu ulogu u izgradnji zajednice na Internetu. Komentari pružaju platformu za interakciju vašim čitateljima gdje mogu podijeliti svoja razmišljanja zbog čega se vrlo često žele vratiti.

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 vodiču 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 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Kako promijeniti stil komentara WordPress

Kad 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 s popisom komentara, navigacijski izbornici, obrazac za komentare, the dodaci i još mnogo toga.

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

Otkrijte 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 stranica), velikim tekstualnim okvirom za sadržaj komentara i gumb za slanje.

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

#komment {# #} {# # #} # komentar # odgovor-veza {} #komment # .comment-oblik-autor {} .comment-obrazac-email {} .comment-oblik-url {

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

Otkrijte Kako zamijeniti slikovne veze nakon instaliranja SSL-a na WordPress

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

#respond {pozadina: #ececec; Popunjavanje: 0 5px 0 5px; } / * Osvjetljavanje tekst polja aktivni * / #respond ulaz [type = tekst] podruÄŤje {-webkit-prijelaz: svi 0.30s jednostavnost u-van; -moz-prijelaz: sve 0.30-ove jednostavne u izlazu; -ms-transition: svi 0.30s jednostavni su u izlasku; -o-prijelaz: sve 0.30-ove jednostavne u izlazu; Outline: none; Popunjavanje: 3px 0px 3px 3px; Margina: 5px 1px 3px 0px; Granica: 1px krutina #DDDDDD; } #respond unos [type = tekst]: fokus, podruÄŤje: fokus {kutije sjene: 0 0 5px RGBA (81, 203, 238, 1); Margina: 5px 1px 3px 0px; granica: krutina 1px RGBA (81, 203, 238, 1); }

Evo kako će izgledati obrazac za vaš komentar s dvadeset dvanaestom.

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: Lobster, "Lobster 1.4", "Droid Sans", Arial; Veličina slova: 16px; boja: #1d1d1d; letter-razmak .1em; } #url {boja: #21759b; Font-obitelj: "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 slova: 20px; Popunjavanje: 10px; Tekstni ukras: ništa; Box-sjena: 0px 1px 3px #666666; -webkit-box-sjene: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; Tekstna sjena: 1px 1px 3px #666666; Pozadina: -webkit gradijentom (linearni, 0 0, 0 100%, iz (#006ad4) do (#003366)); Pozadina: -moz-linearni gradijent (vrh, #006ad4, #003366); } #submit: hover {background: -webkit gradijentom (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 obrazac za komentare na WordPressu. Prvo što trebate je instalirati i aktivirati dodatak Socijalna Prijava

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

Jednom kad to učinite, nećete morati konfigurirati API za svaku mrežu koju želite koristiti da biste svojim korisnicima omogućili povezivanje putem njih.

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 dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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

1. WP trenutno pretraživanje i automatski prijedlozi

Dodatak "WP Instant Search & Auto Suggest" omogućuje 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 značajke uključuju: rpretraživanje u cijelom zaslonu, rTrenutačno traženje prilagođenih vrsta publikacija, kompatibilnost s Visual Skladatelj, Ttri integrirana stila dizajna, 5 sheme boja na izbor, strpodrška za tipkovnicu i miš, epotpuno prilagodljiv parametrima itd ...

Preuzmite | demo | Web hosting

2. Stranica pogreške 404 preusmjerava na početnu stranicu ili prilagođenu stranicu

Ovdje je jedan od najboljih načina za jednostavno dodavanje stranice s pogreškom 404 koja će preusmjeriti posjetitelja na početnu ili prilagođenu stranicu, nakon što omogućite ovo WordPress plugin.

Sve stranice s pogreškom 404 bit će preusmjerene na početnu stranicu ili prilagođeni URL. Korištenjem ovoga WordPress plugin, omogućit ćete Googleu da smanji rang stranice vaše web stranice ako ima mnogo stranica s pogreškom 404.

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

Preuzmite | demo | Web hosting

3. Vezani 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še web lokacija, kategorije, mješoviti sadržaj, prilagođeni sadržaj i još mnogo toga ...

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

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

• Kako biste prikazali opis kategorija na WordPress
• Kako optimizirati datoteku WordPress Robots.txt za savršen SEO
• Kako stvoriti Marketplace s WordPressom
• Kako dodati widget zaglavlju vaš WordPress blog

Zaključak

Ovdje! 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đer ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

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

...