Pri vytváraní komunity na internete zohrávajú komentáre rozhodujúcu úlohu. Komentáre poskytujú vašim čitateľom platformu na interakciu, kde sa môžu podeliť o svoje myšlienky, čo ich veľmi často prinúti vrátiť sa.

Existuje niekoľko spôsobov, ako povzbudiť používateľov, aby zanechali komentár k vášmu blogu. Jedným z týchto spôsobov je vytvorenie krásneho, použiteľného a prístupného formulára na komentár.

V tomto tutoriáli vám ukážeme, ako upraviť predvolený formulár komentárov WordPress, ukážeme vám tiež, ako pridať funkčnosť komentárov prostredníctvom ID sociálnych médií a ako vytvoriť funkcionalitu na odber komentárov a oveľa viac. viac.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Ako zmeniť štýl komentárov programu WordPress

Keď hovoríme o štýle, máme na mysli CSS strana veci. Ďalej vám ukážem, ako prispôsobiť vzhľad formulára komentárov na WordPress. Každý prvok má štandardne na WordPress kód CSS, to je prípad zoznamu komentárov, navigačné ponuky, formulár pripomienok, widgety a ďalšie.

Medzi súbormi o Témy WordPress, máme súbor s názvom comments.php ktorý sa používa na zobrazenie komentárov a formulára komentára k blogovým príspevkom a stránkam. Ak chcete zobraziť formulár komentárov WordPress, „ comment_form () Používa sa.

Discover Ako nájsť odkaz na WordPress prihlasovaciu stránku

Táto funkcia predvolene generuje váš formulár komentára s tromi textovými poľami (meno, e-mail a web), veľkým textovým poľom pre obsah komentára a tlačidlom odoslať.

Každý z týchto prvkov môžete ľahko upraviť jednoduchou manipuláciou s predvolenými triedami a identifikátormi CSS. Tu je zoznam predvolených tried CSS, ktoré WordPress pridáva do každého formulára komentára.

#comment {# # #} {# #} # komentár # reply-link {} #comment # .comment-form-email {} .comment-form-url {} .comment-form-comment {

Jednoduchou úpravou týchto tried CSS môžete úplne zmeniť vzhľad formulára komentárov. Pokúsme sa niečo zmeniť, aby sme získali predstavu o tom, čo môžeme urobiť.

Discover Ako nahradiť odkazy na obrázky po inštalácii SSL na WordPress

Najskôr začneme zvýraznením aktívneho poľa formulára. Zvýraznením aktívnych polí budú používatelia schopní ľahko zistiť, čo sa mení, a váš web tak získa trochu dynamickej stránky.

#respond {background: #ececec; polstrovanie: 0 5px 0 5px; } / * Zvýraznenie aktívny textové pole * / #respond vstup [type = text] textová {-webkit-prechod: všetky 0.30s jednoduchosť-in-out; -moz-transition: všetky 0.30s easy-in-out; -ms-transition: všetky 0.30s easy-in-out; -o-transition: všetky 0.30s easy-in-out; obrys: žiadny; polstrovanie: 3px 0px 3px 3px; okraj: 5px 1px 3px 0px; hranica: 1px pevná #DDDDDD; } #respond vstup [type = text]: zaostrenie, textarea: zameranie {box-shadow: 0 0 5px RGBA (81, 203, 238, 1); okraj: 5px 1px 3px 0px; border: pevná 1px RGBA (81, 203, 238, 1); }

Takto bude vyzerať váš formulár komentárov s Twenty Twelve.

Pomocou týchto tried môžete zmeniť spôsob, akým sa text zobrazuje v poliach. Toto urobíme v nasledujúcom príklade.

#author {font-family: Lobster, "Lobster 1.4", "Droid Sans", Arial; veľkosť písma: 16px; Farba: #1d1d1d; list-rozteč .1em; } #url {farba: #21759b; font-family: "Luicida Console", "Courier New", "Courier", minivan; } 

Toto je výsledok, ktorý vyprodukuje predchádzajúci kód.

Môžete tiež zmeniť štýl tlačidla formulára komentára. V nasledujúcom príklade mu dáme gradientné pozadie.

#submit {font-family: Arial; farba: #ffffff; veľkosť písma: 20px; polstrovanie: 10px; textová dekorácia: žiadne; box-tieň: 0px 1px 3px #666666; -webkit-box-tieň: 0px 1px 3px #666666; -moz-box-tieň: 0px 1px 3px #666666; textový tieň: 1px 1px 3px #666666; pozadie: -webkit gradientu (lineárne, 0 0, 0 100%, z (#006ad4) až (#003366)); pozadie: -moz-linear-gradient (top, #006ad4, #003366); } #submit: hover {background: -webkit gradientu (lineárne, 0 0, 0 100%, z (#003366) až (#006ad4)); pozadie: -moz-line-gradient (top, #003366, #006ad4)}

Tu je výsledok, ktorý sa zobrazí.

Ako pridať sociálnu interakciu do komentárov

Začnime pridaním sociálnych prihlasovacích údajov do formulára komentárov WordPress. Prvá vec, ktorú musíte urobiť, je nainštalovať a aktivovať doplnok sociálne Prihlásenie

Discover Ako nainštalovať plugin v systéme WordPress Ak chcete aktivovať tento doplnok, musíte si vytvoriť bezplatný účet na nasledujúcej adrese: https://app.oneall.com

Po dokončení nebudete musieť konfigurovať API pre každú sieť, ktorú chcete použiť, aby ste umožnili používateľom pripojiť sa cez ne.

Aj keď sa API rôznych sociálnych sietí neustále menia, nebudete musieť nič robiť, vývojári tohto pluginu sa postarajú o aktualizáciu ich API za vás. Všetko, čo musíte urobiť, je prihlásiť sa do OneAll API.

Takto sa budú zobrazovať vaše formuláre.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. WP okamžité vyhľadávanie a automatický návrh

Doplnok „WP Okamžité vyhľadávanie a automatický návrh“ vám umožňuje okamžite vyhľadávať návrhy článkov, stránok a vlastných typov príspevkov pri prehľadávaní vášho blogu WordPress. Funguje to s WPBakery et Základný kameň.

Medzi jeho vlastnosti patrí: rvyhľadávanie v režime celej obrazovky, rOkamžité vyhľadávanie vlastných typov publikácií, kompatibilita s Visual Composer, Ttri integrované štýly dizajnu, farebné schémy 5 na výber, spodpora klávesnice a myši, naprplne prispôsobiteľné pomocou parametrov atď ...

Stiahnuť | demo | web hosting

2. 404 Chybová stránka Presmerovanie na domovskú stránku alebo vlastnú stránku

Tu je jeden z najlepších spôsobov, ako jednoducho pridať stránku s chybou 404, ktorá návštevníka po povolení presmeruje na domovskú stránku alebo vlastnú stránku WordPress Plugin.

Všetky chybové stránky 404 budú presmerované na domovskú stránku alebo vlastnú adresu URL. Pomocou tohto WordPress Plugin, umožníte spoločnosti Google znížiť hodnotenie stránky vášho webu, ak má veľa stránok s chybou 404.

Ce WordPress Plugin nerobí len presmerovanie, ale môže byť aj vhodným riešením na zlepšenie hodnotenia vašej webovej stránky vo výsledkoch vyhľadávačov.

Stiahnuť | demo | web hosting

3. Súvisiace príspevky Pre 

Súvisiace príspevky Pro poskytuje jednoduché, ale výkonné riešenie pre všetok podobný obsah na WordPress. Podporuje vlastné typy príspevkov, viac stránok, kategórie, zmiešaný obsah, vlastný obsah a ďalšie ...

Ako funkcie ponúka okrem iného: 3 rôzne typy rozloženia, 65 preddefinované šablóny pre každé rozloženie, anebude potrebné žiadne kódovanie, podpora tprehliadanie a automatické prehrávanie, kompatibilita s vlastnými typmi príspevkov, ktoré používajú doplnky WooCommerce, Elektronický obchod WP, bbPress atď ..., a vyhľadávací panel s filtrom, dveľmi popisná dokumentácia a oveľa viac.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

• Ako zobraziť opis kategórií na WordPress
• Ako optimalizovať súbor WordPress Robots.txt pre perfektné SEO
• Ako vytvoriť Marketplace pomocou WordPress
• Ako pridať widget do hlavičky svojho blogu WordPress

záver

Tu ! To je pre tento návod všetko. Dúfame, že vám tento článok pomohol zvýšiť pútavosť vašich formulárov spätnej väzby. Neváhajte a ponúknite nám aj svoje tipy na prispôsobenie WordPressu, hlavne zdieľajte tento článok so svojimi priateľmi na obľúbených sociálnych sieťach. 

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...