Komentáře hrají klíčovou roli při budování komunity na internetu. Komentáře poskytují vašim čtenářům platformu pro interakci, kde mohou sdílet své myšlenky, což je velmi často vrací.

Existuje několik způsobů, jak přimět uživatele, aby k vašemu blogu přidali komentář. Jedním z těchto způsobů je vytvoření krásného, ​​použitelného a přístupného formuláře pro komentář.

V tomto tutoriálu vám ukážeme, jak stylovat výchozí formulář komentářů WordPress, ukážeme vám také, jak přidat funkce komentářů prostřednictvím ID sociálních médií a jak vytvořit funkci odběru komentářů a mnoho dalšího. více.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Jak změnit styl komentářů aplikace WordPress

Když mluvíme o stylu, máme na mysli CSS strana věci. Níže vám ukážu, jak přizpůsobit vzhled formuláře komentářů ve WordPressu. Každý prvek ve výchozím nastavení na WordPressu má kód CSS, to je případ seznamu komentářů, navigační menu, formulář pro komentáře, widgety a další.

Mezi soubory Témata WordPress, máme soubor s názvem comments.php který se používá k zobrazení komentářů a formuláře komentářů k blogovým příspěvkům a stránkám. Chcete-li zobrazit formulář komentářů WordPress, „ comment_form () Používá se.

Discover Jak najít odkaz na WordPress přihlašovací stránku

Ve výchozím nastavení tato funkce generuje váš formulář komentáře se třemi textovými poli (jméno, e-mail a web), velkým textovým polem pro obsah komentáře a tlačítko Odeslat.

Každý z těchto prvků můžete snadno upravit pouhou manipulací s výchozími třídami a identifikátory CSS. Zde je seznam výchozích tříd CSS, které WordPress přidává ke každému formuláři komentáře.

#respond {#} reply-Titulní {#} zrušit-how-Reply-link {} {} #commentform #author #email {} {} {} #URL #comment #submit .comment Notes {} {} .required .Jak-form-autor {} .comment-form-email} {.Jak-form-url} {.Jak-form-how {} .form povolená-tags {} .form odeslat

Pouhou úpravou těchto tříd CSS můžete zcela změnit vzhled formuláře komentářů. Zkusme něco změnit, abychom získali představu o tom, co můžeme dělat.

Discover Jak nahradit odkazy na obrázky po instalaci SSL na WordPress

Nejprve začneme zvýrazněním aktivního pole ve formuláři. Zvýrazněním aktivních polí mohou uživatelé snadno zjistit, co se mění, což dává vašemu webu trochu dynamické stránky.

#respond {pozadí: #ececec; polstrování: 0 5px 0 5px; } / * Zvýraznění aktivního textového pole * / #respond vstup [type = text], textarea {-webkit-transition: všechny 0.30s easy-in-out; -moz-transition: všechna nastavení 0.30 easy-in-out; -ms-transition: všechny 0.30s easy-in-out; -o-přechod: všechny prvky 0.30 easy-in-out; obrys: žádný; polstrování: 3px 0px 3px 3px; okraj: 5px 1px 3px 0px; hranice: 1px solid #DDDDDD; } #respond vstup [type = text]: zaostření, textarea: zaměření {box-shadow: 0 0 5px RGBA (81, 203, 238, 1); okraj: 5px 1px 3px 0px; hranice: 1px solid rgba (81, 203, 238, 1); }

Zde bude vypadat váš formulář komentářů s Twenty Twelve.

Pomocí těchto tříd můžete změnit způsob, jakým se text zobrazuje v polích. To je to, co uděláme v následujícím příkladu.

#author {font-family: Lobster, "Lobster 1.4", "Droid bez", Arial; velikost písma: 16px; Barva: #1d1d1d; dopis-rozteč .1em; } #url {barva: #21759b; font-family: "Luicida Console", "Courier New", "Courier", minivan; } 

Zde je výsledek, který vytvoří předchozí kód.

Můžete také změnit styl tlačítka formuláře pro komentář. V následujícím příkladu mu dáme gradientní pozadí.

#submit {font-family: Arial; barva: #ffffff; velikost písma: 20px; polstrování: 10px; textová výzdoba: žádná; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-stín: 0px 1px 3px #666666; textový stín: 1px 1px 3px #666666; pozadí: -webkit gradientu (lineární, 0 0, 0 100%, z (#006ad4) až (#003366)); pozadí: -moz-lineární-gradient (horní, #006ad4, #003366); } #submit: hover {background: -webkit gradientu (lineární, 0 0, 0 100%, z (#003366) až (#006ad4)); pozadí: -moz-lineární-gradient (horní, #003366, #006ad4)}

Zde je výsledek, který se zobrazí.

Jak přidat sociální interakci do komentářů

Začněme přidáním sociálních přihlášení do formuláře komentářů WordPress. První věcí, kterou musíte udělat, je nainstalovat a aktivovat plugin sociální Přihlášení

Discover Jak nainstalovat plugin v systému WordPress Chcete-li aktivovat tento plugin, musíte si vytvořit bezplatný účet na následující adrese: https://app.oneall.com

Jakmile to uděláte, nebudete muset konfigurovat API pro každou síť, kterou chcete použít, abyste umožnili uživatelům připojovat se přes ně.

I když se API různých sociálních sítí neustále mění, nebudete muset nic dělat, vývojáři tohoto pluginu pro vás aktualizují své API. Musíte se přihlásit do rozhraní OneAll API.

Takto se budou zobrazovat vaše formuláře.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. WP okamžité vyhledávání a automatický návrh

Plugin „WP Instant Search & Auto Suggest“ vám umožňuje při vyhledávání blogu WordPress okamžitě získat návrhy článků, stránek a vlastních typů příspěvků. Funguje to s WPBakery et Základní kámen.

Mezi jeho vlastnosti patří: rvyhledávání v režimu celé obrazovky,Okamžité vyhledávání vlastních typů publikací, kompatibilita s Vizuální skladatel, Ttři integrované styly designu, barevná schémata 5 z čeho vybírat,podpora klávesnice a myši;plně přizpůsobitelné pomocí parametrů atd ...

Stáhnout | Demo | Web hosting

2. 404 Chybová stránka Přesměrování na domovskou stránku nebo na vlastní stránku

Zde je jeden z nejlepších způsobů, jak snadno přidat chybovou stránku 404, která po povolení této stránky přesměruje návštěvníka na domovskou stránku nebo vlastní stránku WordPress Plugin.

Všechny chybové stránky 404 budou přesměrovány na domovskou stránku nebo vlastní adresu URL. Pomocí tohoto WordPress Plugin, umožníte Googlu snížit pagerank vašeho webu, pokud má mnoho chybových stránek 404.

Ce WordPress Plugin neprovádí pouze přesměrování, ale může být také vhodným řešením pro zlepšení hodnocení vašeho webu ve výsledcích vyhledávačů.

Stáhnout | Demo | Web hosting

3. Související příspěvky Pro 

Související příspěvky Pro poskytuje jednoduché, ale výkonné řešení pro všechny druhy podobného obsahu na WordPress. Podporuje vlastní typy příspěvků, více stránek, kategorie, smíšený obsah, vlastní obsah a další ...

Jako funkce nabízí mimo jiné: 3 různé typy rozvržení, 65 předdefinované šablony pro každé rozvržení, anebude nutné žádné kódování, podpora tprocházení a automatické přehrávání, kompatibilita s vlastními typy příspěvků používaných pluginy WooCommerce, WP eCommerce, bbPress atd ..., a vyhledávací lišta s filtrem, avelmi popisná dokumentace a mnoho dalšího.

Stáhnout | Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

• Jak zobrazit popis kategorií na WordPress
• Jak optimalizovat soubor WordPress Robots.txt pro perfektní SEO
• Jak vytvořit tržiště s WordPress
• Jak přidat widget do záhlaví svého blogu WordPress

Proč investovat do čističky vzduchu?

Tady ! To je pro tento tutoriál vše. Doufáme, že vám tento článek pomohl zvýšit poutavost vašich formulářů zpětné vazby. Neváhejte nám také nabídnout své tipy na přizpůsobení WordPressu, a to zejména sdílejte tento článek se svými přáteli ve svých oblíbených sociálních sítích. 

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.

Pokud máte návrhy nebo připomínky, nechte je v naší sekci commentaires.

...