Substitúcie pridať komentár komentár. Dolaďovanie formulára komentárov

Nedávno som sa prehrabával vo svojich súboroch. WordPress témy, menovite pravidlá pre šablónu zobrazenia komentárov a zároveň pochopenie jej štruktúry a rôznych funkcií zodpovedných za zobrazovanie komentárov k blogovým príspevkom. V dôsledku toho som zmenil štandardný výstup, vytvoril a zahrnul vlastný súbor comments.php. Výsledok som sa rozhodol vydať vo forme článku, keďže som tejto téme dobre rozumel a materiálu bolo pomerne dosť.

Dúfam, že tento článok bude užitočný pre majiteľov blogov WordPress, ktorí poznajú HTML, CSS a PHP.

***

Vo WordPress sa na pripojenie šablóny komentára k príspevku alebo stránke používa funkcia comments_template(), ktorá má dva parametre:

prvá je cesta k súboru šablóny, štandardne je to comments.php v priečinku s aktuálnou témou
druhý sa používa na oddelenie komentárov podľa typu (bežné, spätné odkazy a spätné odkazy), štandardne nepravda

Vložme comments_template() za výstup príspevku v šablóne príspevku single.php alebo šablóne stránky page.php.

Popis a akceptované argumenty pre funkciu comments_template() a ďalšie spomenuté v článku nájdete v kódexe WordPress.

Príprava šablóny

Pokúsme sa pochopiť šablóny komentárov WP a vytvoriť súbor na zobrazovanie komentárov k blogovým príspevkom a stránkam vlastnými rukami. Ako príklady si môžete vziať šablóny zo štandardných tém WordPress. Poďme tvoriť nový dokument v akejkoľvek textový editor, nazvime to comments.php a začnime upravovať.

V zásade môžete súbor pomenovať, ako chcete, a potom napísať cestu k tomuto súboru do comments_template(), ale je lepšie držať sa štandardného názvu
Mimochodom, súbor môžete upraviť na paneli správcu WP
Najlepšie je samozrejme napísať kód a okamžite skontrolovať jeho činnosť na svojom blogu alebo na lokálnom serveri.

Vo WordPresse je možné zakázať komentáre k jednotlivým príspevkom, takže pred ich zobrazením je potrebné skontrolovať „otvorenosť“:

Toto je kód obalu pre naše ďalšie kroky. Teraz pripravme kontajner pre blok komentárov

so sémanticky správnou triedou alebo identifikátorom (trieda je samozrejme vhodnejšia):

Vnútri

napíšte názov, aby vaši čitatelia pochopili, že sú tam komentáre a nič iné, označte

bude presne na toto:

"

Tu sme špecifikovali jednu z funkcií WordPress - the_title() , výsledkom vykonania tejto funkcie bude názov aktuálneho príspevku alebo stránky. Ak nechcete zobrazovať titulok, môžete jednoducho napísať „Komentáre čitateľa“.

Ďalej sa pred zobrazením komentárov musíte uistiť, že sú dostupné, t.j. skontrolujte, či existuje - výstup úplný zoznam, ak nie, potom môžete používateľovi ukázať niečo ako „“. Návštevníkovi tvojho príspevku/stránky teda bude jasné, že ešte nikto nič nenapísal a motivujúca veta “Môžeš byť prvý” zvýši pravdepodobnosť, že ti niečo napíše rýchlejšie.

Takže po nastavení úlohy takto je jasné, že na implementáciu potrebujeme if/else konštrukty a funkciu get_comments_number() na zobrazenie počtu komentárov. Ak funkcia vráti 0 (nulu), zobrazí sa „Zatiaľ žiadne komentáre...“, v opačnom prípade „Komentáre čitateľov...“:

Zatiaľ tu nie sú žiadne komentáre, ale môžete byť prvý

Komentáre čitateľov k článku ""

Diskusie pre túto stránku sú uzavreté

Výstup komentárov

Skvelé, zobrazovali sme nadpisy v závislosti od prítomnosti alebo neprítomnosti komentárov, teraz je logické zobrazovať komentáre samotné - má to na svedomí funkcia wp_list_comments(). Predvolená funkcia zabalí všetky komentáre do značiek

, takže by ste mali pridať obal

wp_list_comments() akceptuje celý rad argumentov, pomocou ktorých môžete flexibilne prispôsobiť výstup komentárov. Prechodom môžete napríklad zmeniť veľkosť avatara, text odpovede na komentár a ďalšie nastavenia kľúčové slovo a význam:

$args = array("avatar_size" => 64, // veľkosť avatara 64*64px, predvolený typ komentára 32)

Zvláštnu pozornosť si zasluhuje parameter callback, ktorý má hodnotu názvu funkcie výstupu vlastného komentára. Umožňuje flexibilné prispôsobenie vzhľad každý komentár. Takto to vyzerá štandardná funkcia výstup zo súboru comment-template.php:

id="li-comment-">

"); ?> %s hovorí:"), get_comment_author_link()) ?>
comment_approved == "0") : ?>

comment_ID)) ?>">

$depth, "max_depth" => $args["max_depth"]))) ?>

Najjednoduchší spôsob je vziať túto funkciu a upraviť si ju pre seba a potom ju zavolať ako vlastnú tak, že ju napíšete do súboru comments.php alebo functions.php.

Po uvedení komentárov môžete zmeniť ich vzhľad pomocou štýlov CSS. Niektoré možnosti wp_list_comments() sú duplikované vo WP admin, záložka Možnosti → Diskusia, najmä prítomnosť stromových komentárov, triedenie podľa dátumu atď.

Formulár na odoslanie komentára

Ak chcete pridať formulár komentára, použite funkciu comment_form(). Pridajme to pod zoznam komentárov:

Zatiaľ tu nie sú žiadne komentáre, ale môžete byť prvý
Komentáre čitateľov k článku ""
1. 64, "reply_text" => "Odpovedať", "callback" => "moje_komentáre"); wp_list_comments($args); ?>
Diskusie pre túto stránku sú uzavreté

Pri tomto volaní comment_form() načíta predvolený kód zo súboru WordPress comment-template.php. Funkcia má dva parametre:
Comment_form($args, $post_id);
- $args - pole nastavení výstupu formulára
- $post_id - ID príspevku, na ktorý sa funkcia použije, štandardne aktuálny príspevok
Urobme napríklad overenie polí formulára HTML5, pridajte textové rady. Vytvorme pole $args na zadanie požadovaných nastavení:
$args = pole(); comment_form($args);
Do poľa musíte napísať kľúče nastavení:
$args = array("fields" => apply_filters("comment_form_default_fields", $fields));
Teraz musíme vyplniť premennú poľa $fields, ktorá obsahuje polia formulára. Najjednoduchší spôsob je vziať predvolený kód WordPress z comment-template.php a trochu ho upraviť:
"
" .__("Názov") . "" . ($req ?" *" : "") . "
", "e-mail" => "
" .__("E-mail") ."" . ($req ?" *" : "") . "
", "url" => "
" .__("Webová lokalita") ."" . "
"); $args = array("fields" => apply_filters("comment_form_default_fields", $fields)); comment_form($args); ?>
Hodnoty parametrov autora, e-mailu a adresy URL sú v tomto poradí html kód polí Name, Mail a Website. Tieto hodnoty je potrebné upraviť.

Pre polia musíme pridať nasledujúce atribúty:
- povinné – polia sú povinné, pridajte ich do polí „Názov“ a „Stránka“.
- zástupný symbol – pridá do poľa textovú nápovedu
- pattern="(3,)" pre pole "Name" - zadajte názov písmenami latinskej alebo ruskej abecedy a dĺžku najmenej 3 znaky
- type="email" pre pole "Mail" - pridá sa overenie e-mailu HTML5
- automatické dopĺňanie – umožňuje automatické dopĺňanie polí
- type="url" pre pole "Site".
Majte na pamäti, že nové atribúty HTML5 nebudú fungovať v starších prehliadačoch. Tie prehliadače, ktoré nerozumejú novým typom polí, ich jednoducho zobrazia ako text, t.j. .

Okrem toho som pre svoj blog na niektorých miestach vymenil značky, pridal triedy pre štýl, v dôsledku čoho som dostal nasledujúci kód poľa $fields:
"
" .__("Meno") .($req ? " *" : "") . "
", "e-mail" => "
" .__("E-mail") .($req ? " *" : "") . "
", "url" => "
" .__("Webová lokalita") ."
"); ?>
Zmenili sme polia na zadávanie údajov. Teraz poďme upraviť samotný formulár komentára . Kód formulára zmeníme pomocou parametra comment_field poľa $args:</p><p> <?php "comment_field" => "<p class="comment-form-comment"><label for="comment">" ._x("Komentár", "podstatné meno") ."</label><textarea id="comment" name="comment" class="comment-form" cols="45" rows="8" aria-required="true" placeholder="Text správy...">
" ?>
Toto je štandardný kód WordPress, len som ho trochu upravil - pridal som textovú nápovedu a pridal ďalšiu triedu pre styling.

Tu je to, s čím som skončil so štýlom CSS:
Formulár komentárov WordPress pomocou atribútov HTML5
Výsledok

Nakoniec vyhodím svoj výsledný kód comments.php:

čitatelia článku ""
- Komentujte prvý - autor sa snažil
1. id="li-comment-">
  
  "); ?> %s píše:"), get_comment_author_link()) ?>
  comment_approved == "0") : ?>
  
  $depth, "max_depth" => $args["max_depth"]))) ?>
  
  "Odpovedať", "spätné volanie" => "verstaka_comment"); wp_list_comments($args); ?>
"
" .__("Meno") .($req ? " *" : "") . "
", "e-mail" => "
" .__("E-mail") .($req ? " *" : "") . "
", "url" => "
" .__("Webová lokalita") ."
"); $args = array("comment_notes_after" => "", "comment_field" => "
" ._x("Komentár", "podstatné meno") ."
", "label_submit" => "Odoslať", "fields" => apply_filters("comment_form_default_fields", $fields)); comment_form($args); ?>
Diskusie pre túto stránku sú uzavreté

Časté otázky o komentároch

Ako zvýrazniť komentáre autorov a používateľov?

Niekedy je veľmi vhodné nastaviť samostatný vzhľad pre komentáre autorov, dokonca na to existujú špeciálne pluginy. Môžete sa však zaobísť bez akýchkoľvek pluginov – stačí napísať štýly pre triedu .bypostauthor do súboru css. Podobne môžete nastaviť štýly pre komentáre používateľov - .bypostuser:
Ako upraviť komentáre stromu?

Ak chcete povoliť stromové komentáre, musíte prejsť do správcu WP, Nastavenia → Diskusia → Povoliť stromové komentáre. Teraz budú mať podradené komentáre stromovú štruktúru, môžu im byť priradené samostatné štýly, napríklad odsadené. Všetko, čo musíte urobiť, je nastaviť pravidlá css pre zoznam s triedou .children:
Zoznam komentárov .children ( odsadenie: 0 0 0 40px; /* odsadenie vľavo pre detské komentáre */ )
Štýly pre párne a nepárne komentáre

WordPress štandardne dáva nepárnym komentárom triedu.párne, párne komentáre.nepárne. Prostredníctvom týchto tried je ľahké nastaviť si vlastné štýly:
Zoznam komentárov .párne ( /* štýly pre nepárne komentáre */ ) .zoznam komentárov .nepárne ( /* štýly pre párne komentáre */ )
Ako uzavrieť komentáre k jednému príspevku?

Veľmi jednoduché – prejdite na stránku pre písanie príspevku, Nastavenia obrazovky → Diskusie, pod poľom príspevku sa zobrazí blok Diskusie, zrušte označenie položky Povoliť komentáre.
- Pri zostavovaní vlastnej šablóny komentárov môžete použiť súbory comments.php zo štandardných a iných platených a bezplatných tém WordPress
- Alternatívou k štandardným komentárom sú doplnky formulárov komentárov tretích strán, ako napríklad populárny DISQUS
- Je celkom možné upravovať kód priamo v samotnom súbore comment-template.php, avšak v prípade aktualizácie WordPress sa všetok kód prepíše - budete ho musieť znova upraviť
- Pamätajte - neexistuje žiadna dokonalá šablóna komentára
Pomôžte projektu
65 hlasov, priemer: 4,46 z 5)
Je čas, aby ste sa vážne zaoberali úpravou komentárov WordPress. Takmer vo všetkých témach sú konfigurované systémovými súbormi, čo následne obmedzuje úpravu jednotlivých funkcií. Myslím, že veľa ľudí sa s tým stretlo, keď potrebovali urobiť zmeny v komentároch, ale nevedeli presne nájsť, kde sa to nachádza. Preto bude lepšie preniesť všetku funkcionalitu do aktuálnej témy, čo nám poskytne úplnú slobodu ovládania.

V tomto článku som dal dokopy niekoľko skvelých funkcií, ktoré pomôžu zlepšiť komentáre. Napriek tomu vám umožňujú viesť dialógy so správcom stránky a medzi používateľmi. Odpovedajte na otázky, zakladajte rôzne diskusie, celkovo zaveďte plnohodnotnú virtuálnu komunikáciu. Preto je potrebné venovať im pozornosť a uviesť ich do správnej formy.

Tu je to, čo urobíme:
- Úplné prispôsobenie
- Vzhľadový styling
- Číslovanie komentárov
- Počet príspevkov na používateľa
- Priraďte stav každému používateľovi
- A ďalšie drobnosti
Budeme analyzovať každú položku samostatne a na konci článku budú všetky funkcie plne zostavené do jedného hotového kódu.

Prispôsobenie komentárov

Vo WordPresse sa komentáre zobrazujú pomocou funkcie wp_list_comments, zvyčajne v súbore comments.php. A tvorba jednotlivých funkcií, rovnako ako samotná slučka, sa využíva zo šablóny systémového súboru comment-template.php . V ojedinelých prípadoch sa však stane, že nastavenie sa môže nachádzať v téme WordPress, súbore functions.php alebo súbore comments.php.

Ak teda vaša téma nespadá do ojedinelého prípadu a je potrebné vykonať vlastné nastavenia, otvorte súbor functions.php a pridajte nasledujúci kód pred znak ?>:

If (! function_exists("my_comment")) : function my_comments($comment, $args, $depth) (globálne $číslo komentára; $GLOBALS["comment"] = $komentár; prepínač ($comment->comment_type) : case " pingback" : prípad "trackback" : ?>
", ""); ?>
id="li-comment-">

comment_parent) $avatar_size = 39; echo get_avatar($komentár, $veľkosť_avataru); /* prekladatelia: 1: autor komentára, 2: dátum a čas */ printf(__("%1$s %2$s", "my_press"), sprintf(" %s", get_comment_author_link()), sprintf(" %3$s", esc_url(get_comment_link($comment->comment_ID)), get_comment_time("c"), /* prekladače: 1: dátum, 2: čas */ sprintf(__("%1$s %2$s", " my_press"), get_comment_date(), get_comment_time())))); ?>
comment_approved == "0") : ?>

__("Odpoveď", "moje_tlač"), "hĺbka" => $hĺbka, "maximálna_hĺbka" => $args["maximálna_hĺbka"]))); ?>
", ""); ?>

Potom do súboru comments.php pridajte funkciu volania:
Po týchto manipuláciách sa vaše komentáre vygenerujú podľa funkcie šablóny zo súboru functions.php aktuálnej témy.

Počítanie komentárov každého používateľa

Pomocou funkcie nižšie môžeme zobraziť celkový počet zostávajúcich príspevkov vedľa komentátora. Môžete teda sledovať, aký je používateľ aktívny, a ani potom nie sú štatistiky zbytočné, najmä v tomto ohľade.

Otvoríme nám už známy súbor functions.php a na koniec pred znak?> napíšeme nasledujúci kód:

//funkcia počítania používateľských príspevkov bac_comment_count_per_user() ( global $wpdb; $comment_count = $wpdb->get_var("SELECT COUNT(comment_ID) FROM ". $wpdb->komentárov. " WHERE comment_author_email = "" . get_comment_author_email() ." " AND comment_approved = "1" AND comment_type NOT IN ("pingback", "trackback")"); if ($comment_count == 1) ( echo " 1 príspevok"; ) else ( echo " " . $comment_count . " Príspevky ";))

Teraz zostáva pridať funkciu volania na miesto, ktoré potrebujete:

Správy sa budú počítať na základe e-mailu používateľa, či už registrovaného alebo neregistrovaného. Pripomienky sú brané do úvahy len potvrdené správcom stránky, nie však v pohotovostnom režime a vymazané.

Každému používateľovi pridelíme status v závislosti od počtu komentárov

To je presne ten prípad, kde štatistika rozhodne zohráva dôležitú úlohu. Keďže funkcia je postavená na počte správ a výsledkom je, že dosiahnutý počet dáva používateľovi správny stav. Teoreticky sa to používa v každom fóre na preukázanie autority používateľa na tento zdroj.

Znova otvorte súbor functions.php a pred znak ?> pridajte nasledujúci kód:

//funkcia stavu používateľa get_author_class($comment_author_email,$user_id)( globálne $wpdb; $adminEmail = get_option("admin_email"); $author_count = count($wpdb->get_results("VYBERTE ID_komentára ako počet autorov Z $wpdb->AdminUseR "; if($author_count>=1 && $author_count<50 && $comment_author_email !==$adminEmail) echo "Прохожий"; else if($author_count>=50 && $author_count<100 && $comment_author_email !==$adminEmail) echo "Новичок"; else if($author_count>=100 && $author_count<250 && $comment_author_email !==$adminEmail) echo "Знающий"; else if($author_count>=250 && $author_count<400 && $comment_author_email !==$adminEmail) echo "Опытный"; else if($author_count>=400 &&$author_count<800 && $comment_author_email !==$adminEmail) echo "Бывалый"; else if($author_count>=800 && $author_count<1200 && $comment_author_email !==$adminEmail) echo "СуперПупер"; else if($author_count>profesor" ;)

A na požadovanom mieste vypíšeme funkciu volania:

comment_author_email,$comment->user_id)?>

vysvetlenie: funkcia, podobne ako predchádzajúca, je spojená s e-mailom používateľa. Len tu nie je hlavnou úlohou jednoduché počítať správy, ale počet od a do v závislosti od nastaveného čísla. A akonáhle ho používateľ dosiahne, získa určitú pozíciu. Celkovo je tu 7 statusov plus admin a insígnie pre registrovaných účastníkov.

Úplne dokončený kód komentára

Tu sme sa dostali na koniec tohto článku. Tu som nelenil, zozbieral všetky funkcie vrátane nastavenia komentárov v jednom pripravenom kóde. Pridal som vlastné štýly vzhľadu a výsledkom bolo niečo ako minifórum.

Otvorte súbor functions.php a na koniec pred znak?> pridajte nasledujúci kód:

//funkcia počítania používateľských príspevkov bac_comment_count_per_user() ( global $wpdb; $comment_count = $wpdb->get_var("SELECT COUNT(comment_ID) FROM ". $wpdb->komentárov. " WHERE comment_author_email = "" . get_comment_author_email() ." " AND comment_approved = "1" AND comment_type NOT IN ("pingback", "trackback")"); if ($comment_count == 1) ( echo " 1 príspevok"; ) else ( echo " " . $comment_count . " Príspevky "; ) ) //funkcia stavu používateľa get_author_class($comment_author_email,$user_id)( globálne $wpdb; $adminEmail = get_option("admin_email"); $author_count = count($wpdb->get_results("VYBERTE ID_komentára ako počet autorov FROM $ wpdb->comments WHERE comment_author_email = "$comment_author_email" ")); if($comment_author_email ==$adminEmail) echo "Admin"; if($user_id!=0 && $comment_author_email !=$adminEmail) echo "UseR"; ($author_count>=1 && $author_count<50 && $comment_author_email !==$adminEmail) echo "Прохожий"; else if($author_count>=50 && $author_count<100 && $comment_author_email !==$adminEmail) echo "Новичок"; else if($author_count>=100 && $author_count<250 && $comment_author_email !==$adminEmail) echo "Знающий"; else if($author_count>=250 && $author_count<400 && $comment_author_email !==$adminEmail) echo "Опытный"; else if($author_count>=400 &&$author_count<800 && $comment_author_email !==$adminEmail) echo "Бывалый"; else if($author_count>=800 && $author_count<1200 && $comment_author_email !==$adminEmail) echo "СуперПупер"; else if($author_count>=1200 && $comment_author_email !==$adminEmail) echo "Profesor"; ) // prispôsobenie komentárov if (! function_exists("wordsmall_comment")) : function wordsmall_comment($comment, $args, $depth) (globálne $commentnumber; $GLOBALS["comment"] = $comment; switch ($comment- > comment_type): case "pingback" : case "trackback" : ?>
id="li-comment-">

%s", get_comment_author_link()); ?> comment_parent)( $comment_parent_href = htmlspecialchars(get_comment_link($comment->comment_parent)); $comment_parent = get_comment($comment->comment_parent); ?> @ Odpoveď pre:komentár_autor;?>

comment_parent) $avatar_size = 60; echo get_avatar($komentár, $veľkosť_avataru); ?> comment_author_email,$comment->user_id)?>

comment_approved == "0") : ?>

", ""); ?> __("Odpoveď", "wallpress"), "hĺbka" => $hĺbka, "maximálna_hĺbka" => $args["maximálna_hĺbka"]))); ?>

Teraz otvorte súbor comments.php, nájdeme v ňom funkciu na volanie komentárov. Vyzerá takto:
Zmeniť na tento:
Posledný krok. Otvorte súbor style.css a na koniec pridajte nasledujúce štýly:

My_commentlist( border-top:none; ) .my_commentlist .comment( padding:0 0 15px 0; border:none; ) .my_commentlist .pingback( padding:0 0 15px 0; border:none; ) .my_commentlist .comment .children ( list-style-type: none; padding:0px; margin-left:0px;/*ak potrebujete výplň pre strom com.nastavte ju na 15px*/ ) .my_commentlist .comment .deti .comment( margin:15px 0 0 0 ; border: none; padding: 0; ) #comments ( background: #fff; ) #comments .my_commentlist ( margin: 10px 0; padding: 0; list-style:none; background: #ebf0f3; padding: 5px; ) # komentáre .my_commentlist .comment ( margin:0; padding: 0 0 10px; background: #fff; ) #comments .my_commentlist .my_comment-author ( display: inline; border-right: 1px solid #e0e0e0; width: 100px; float: left; margin : 0px 15px 10px 0; ) #comments .my_commentlist .commentmetadata ( float:left; ) #comments .my_commentlist p (clear:none; color: #555; font: 14px arial; line-height: 23px; ) # komentáre .my_commentlist .comment-conte nt(ľavý okraj: 116px; padding-right: 10px; ) #comments .my_commentlist .reply ( text-align:right; ) #comments .my_commentlist .reply a( background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 2px; color : #515456; displej: inline-block; font-size: 13px; font-weight: normal; line-height: 30px; margin-right: 15px; min-height: 30px; padding: 0 12px; text-align: center ; text-decoration: none; ) .my_commentlist .avatar( border: medium none; border-radius: 50%; float: none; margin: 5px auto; padding: 0px; display: table; ) .my_commentlist .comment-header( výška: 30px; pozadie: #DEE5EB; margin-bottom: 15px; ) .my_commentlist cite.fn( color: #444; font: bold 13px/30px arial; padding-left: 10px; ) .my_commentlist .com_date ( color: # 8ca0b5; font: normal 13px/30px arial; float: right; padding-right: 15px; ) .my_commentlist .comment-body ( overflow: hidden; position: príbuzný; pozadie:#fff; ) .my_commentlist .rep-authorcom ( farba: #25394e; font-size: 13px; line-height: 30px; ) .my_commentlist .edit-link a ( background: none !important; border: none !important; border-radius: 0 !dôležité; farba: #999!dôležité; zobrazenie: vložený blok; veľkosť písma: 11 pixelov !dôležité; hrúbka písma: normálna; výška riadku: 30 pixelov; pravý okraj: 5 pixelov ; výplň: 0 !dôležité; zarovnanie textu: na stred; zdobenie textu: žiadne; ) .com_per ( orámovanie: stredné žiadne; farba: #666; zobrazenie: blok; veľkosť písma: 11px; zarovnanie textu: na stred; ) .vip1, .vip, .vp, .vip2, .vip3, .vip4, .vip5, .vip6, .vip7 ( orámovanie: stredné žiadne; písmo: tučné 13px arial; zobrazenie: blok; zarovnanie textu: stred; okraj- spodok: 5px; dekorácia textu: žiadna; ) .vp (farba: #e82e24;) .vip1 (farba: #348be8;) .vip2 (farba: #BE005E;) .vip3 (farba: #2e517e;) .vip4 ( farba: #658a18;) .vip5 (farba: #00A56D;) .vip6 (farba: #e35d28;) .vip7 (farba: #99A400;) .vip (farba: #4c5176; veľkosť písma: 11px; okraj: 0 ;)

Kód je plne funkčný a nespôsobuje chyby, ale môžu byť potrebné menšie zmeny v štýloch CSS.

Dobrý deň, priatelia! Vladimir Savelyev je v kontakte. Dnes vám ukážem, ako vytvoriť, prispôsobiť a krásne navrhnúť formulár komentárov pre WordPress, s pluginmi aj bez nich... A rozoberieme si veľmi dôležitú otázku: Ovplyvňujú komentáre hodnotenie blogu vo vyhľadávačoch? Ale najprv to...
V tomto článku sa budem venovať nasledujúcim otázkam:
- Ako prispôsobiť formulár komentárov WordPress pre potreby publika;
- Ako pekne štýlovať komentáre pomocou CSS;
- Ako zvýrazniť komentáre autorov blogu bez doplnku;
- Ako zo seba urobiť gravatara, aby ste zobrazili svoju fotografiu pri komentovaní vlastných a iných blogov;
- Aké dôležité doplnky nainštalovať pre modul komentárov na pridanie funkčnosti;
- Ako vložiť emotikony do formulára komentárov a nahradiť ich originálnejšími;
Faktom je, že aj ja sám som si nedávno na svojom blogu spomenul na formu wordpress komentárov a hľadanie potrebných a správnych informácií mi zabralo veľa času. Ak by som teraz natrafil na takýto článok, kde sú zhromaždené takmer všetky informácie, ušetril by som veľa času a tento čas by som venoval dôležitejším problémom, nie technickým!

Mimochodom, gratulujem k prvému snehu! Neviem ako u vás, ale v našom meste dnes celý deň sneží v očakávaní blížiaceho sa Nového roka a vône mandarínok =) Uplynulé leto som si nestihol užiť, celý čas som podnikal a práce, nevšimol som si ako leto a prešlo = (No dobre, ešte budem mať čas na relax a oddych. Ako hovorí moja milovaná manželka, na dôchodku si oddýchnem!

Dobre, vráťme sa k téme!

Začnime tým, ako komentáre WordPress ovplyvňujú hodnotenie blogov vo vyhľadávačoch?! Odpoveď je zrejmá – ide o vplyv PF, teda faktorov správania!

Zoberme si príklad, existujú dva blogy, jeden z nich má formu komentárov vo wordpresse, druhý nie! Návštevník prešiel na blog, kde si prečítal zaujímavý článok a to je všetko, je nepravdepodobné, že sa znova vráti na stránku materiálu, súhlasíte so mnou?

A na blogu, kde je komentovanie, si po prečítaní článku návštevník prečíta aj komentáre, som zvedavý, čo na túto tému píšu iní! A ak sa do diskusie zapojí aj návštevník, tak to bude celkovo nádherné =) Koľkokrát pôjde na túto stránku skontrolovať, či mu niekto odpovedal?!

Mimochodom, narazil som na jeden zdroj, kde bol nastavený experiment s dvoma blogmi, na jednom blogu boli komentáre a na druhom nie. Takže blog, ktorý bol komentovaný, úspešne napredoval a návštevnosť rástla, v porovnaní s iným blogom!

Vďaka komentárom sa zvyšuje čas strávený na blogu, ale aj počet priamych návštev, čím sa zlepšuje výkon stránky alebo blogu, a to nie sú všetky plusy!

Dosť bolo teórie, prejdime k praktickej časti!

Ako prispôsobiť formulár komentárov WordPress

V skutočnosti je nastavenie modulu komentárov veľmi jednoduché a nezaberie vám veľa času. Všetko, čo musíte urobiť, je začiarknuť políčka, kde som to urobil ja! Postupujte podľa pokynov a budete úspešní tým najlepším možným spôsobom!

Ako krásne navrhnúť formulár komentárov

V tejto fáze budete potrebovať aspoň základné znalosti css a html. Ak ich nemáte, tak to robte na vlastné riziko a pred úpravou si nezabudnite pôvodný kód uložiť.

Ak chcete zmeniť dizajn komentárov, musíte to nájsť v nastaveniach Vzhľad - Editor - Šablóna štýlov (style.css), niečo ako tento kód:

Zoznam komentárov div.comment(background:#f6f6f6;margin-bottom:15px;padding:10px 10px 10px 80px;position:relative;border: 1px solid #bbb; border-radius: 8px;)

Skrátka hľadáme všetky štýly, ktoré začínajú komentovať, a zmeňte ich hodnotu podľa svojho vkusu a farby. Experimentovanie!

Ako zvýrazniť komentáre autora bez pluginu

Prečo je to potrebné?! V prvom rade dáva návštevníkovi predstavu o tom, kto je okrem iných komentátorov autorom blogu! Uľahčí to aj navigáciu autorovi blogu!

Tento problém pomôže vyriešiť plugin - Zvýrazniť komentáre autora, ale nie som zástancom pluginov, keďže veľké množstvo z nich negatívne ovplyvňuje blog! Preto sa vždy, keď je to možné, snažím robiť všetko v kóde, čo vám radím!

Na implementáciu tejto funkcie s kódom bez pluginu je potrebné pridať novú triedu štýlu s prihlásením správcu blogu v nastaveniach: Vzhľad - Editor - Šablóna so štýlmi (style.css).

V mojom prípade kód vyzerá takto:

Zoznam komentárov div.comment-author- Vaše prihlásenie pri vstupe do administračného panela(farba pozadia:#f5f5e1!important;margin-bottom:15px;padding:10px 10px 10px 80px;position:relative;border: 1px solid #bbb; border-radius: 8px;)

A zmeniť dizajn, odlišný od ostatných komentárov! Všetko je jednoduché!

Ak chcete zabrániť útočníkovi poznať vaše skutočné prihlásenie, napíšte kód do functions.php

funkcia del_login_css($css) (
foreach ($css ako $key => $class) (
if (strstr ($class, "VAŠE SKUTOČNÉ PRIHLÁSENIE")) (
$css[$key] = "PRÍŠTE S FIKCIOU"; ))
vrátiť $css;
}
add_filter("trieda_komentárov", "del_login_css");

Ako si vyrobiť vlastný gravatar (foto v komentároch)

Ak chcete, aby sa pri komentovaní vášho vlastného alebo iného blogu zobrazovala vaša fotografia a nie prázdny obrázok, musíte urobiť nasledovné. Zaregistrujte sa na https://ru.gravatar.com

Vyplníme všetky povinné polia a je to! Teraz bude vaša fotografia vždy s vami, kde zadáte e-mail, ku ktorému je obrázok priložený! Dôležité je zaregistrovať sa emailom, ktorý zvyčajne zadávate pri komentovaní.

Dôležité doplnky pre komentáre WordPress

Uvediem tri hlavné pluginy na komentovanie, ktoré mám na blogu. Odporúčam vám ich nainštalovať!
- Presmerovanie komentára od Yoast - Prvý komentár Vďaka pluginu! Najprv musíte vytvoriť stránku s poďakovaním a zadať jej cestu v nastaveniach pluginu!
- WordPress Zero Spam je neviditeľná captcha určená na ochranu pred spamom, komentátorov neobťažuje riešiť aritmetické príklady, jednoducho to nevidia...
- - odber komentárov. Princíp fungovania: návštevník sa po napísaní komentára môže prihlásiť na odber svojich aktualizácií, ako aj spravovať odbery.
Emotikony vo forme komentárov vo wordpresse

Prečítajte si článok o tom, ako vyrobiť, ako aj o tom, ako nahradiť štandardné emotikony inými.

To je všetko! Dúfam, že sa ti všetko podarilo nastaviť, ak si nenašiel svoju otázku ohľadom wordpressového komentárového formulára, tak kľudne napíš komentár a ja ti rád odpoviem! Ak sa vám článok páčil, prihláste sa na odber aktualizácií blogu a odporučte ho svojim priateľom kliknutím na tlačidlá sociálnych sietí nižšie! Budem veľmi vďačný! Do skorého videnia v novom článku!

S pozdravom Vladimír Saveliev

Prémiové lekcie z klubu webformyself
Ide o nový revolučný produkt v oblasti vzdelávania pri tvorbe webových stránok! Všetky najlepšie videonávody sú zhromaždené na jednom mieste a rozdelené do kategórií: WordPress, Joomla, PHP, HTML, CSS a JavaScript... Databáza sa neustále aktualizuje a teraz je v nej viac ako 200 lekcií! Už za jeden rok - môžete sa stať skúseným webmasterom "od nuly"!
Viac

Už je to nejaký čas, čo som písal niečo o WordPresse. Preto sa s vami dnes podelím o to, ako môžete manuálne zmeniť formulár komentára vo WordPress. Myslím si, že tieto znalosti môžu byť užitočné pre každého začínajúceho blogera, pretože forma komentovania je niekedy jediným prostriedkom komunikácie medzi návštevníkmi a autorom. Neprechádzaj okolo :)

Predtým, ako začneme s akýmikoľvek manipuláciami s kódom, chcem vás vopred upozorniť, že budeme upravovať súbory samotného WordPress a nie súbory tém. Áno, niekomu sa to môže zdať nebezpečné, niekomu nezmyselné, niekomu sa to proste nebude páčiť :) Ale ja som to presne tak urobil a nemal som žiadne problémy. Odporúčam vám, aby ste si pred spustením urobili zálohu upraveného súboru.
Varoval som vás pred bezpečnosťou, teraz chcem ukázať výsledok, ku ktorému som dospel.

Ako vidíme, riadok „Váš e-mail nebude zverejnený. Povinné polia sú označené *“. Návštevníkov netreba považovať za bezmozgových idiotov. Rozumejú tomu, čo treba urobiť a čo nie. Názvy polí som tiež skryl do samotných polí. Čo sú to za tučné príspevky? Väčšina návštevníkov už bez názvov polí dokáže „od oka“ určiť, ktoré z nich patrí. Ale vnútorné rady by mali byť stále prítomné. No, nadpis do poľa komentára stratil zbytočnú drzosť. Podľa mňa sa to stalo oveľa lepšie a slobodnejšie.

Tak poďme čoskoro urobiť zmenu! ;)
Prejdeme do priečinka našej stránky a nájdeme v ňom súbor wp-includes/comment-template.php. Hľadáme v ňom linku 1522, áno, áno, presne to. Ako som to našiel sám je celý príbeh, o tom vám poviem trochu neskôr :)
Takže otvorte súbor na úpravu a prejdite na riadok 1522. Teraz ona a nasledujúce (do roku 1529) sú niečo také:
$fields = array("author" => "
" . "" .__("Názov") . "" . ($req ?" *" : "") . "
", "e-mail" => "
" .__("E-mail") ."" . ($req ?" *" : "") . "
", "url" => "
" .__("Webová lokalita") ."" . "
",);
Aké je všetko jednoduché a jasné. Stačí len vystrihnúť všetko prebytočné a trochu pridať. Parameter bude pridaný
Placeholder="(!LANG:Hint Text" !}
Táto možnosť vám umožňuje zobraziť akýkoľvek text vo vnútri polí. Používame ho na zobrazenie tipov:
"
" "
" "
"
Vymažeme riadky:
"
" . "" .__("Názov") . "" . ($req ?" *" : "") "
" .__("E-mail") ."" . ($req ?" *" : "") "
" .__("Webová lokalita") .""
Sú zodpovední za zobrazenie titulkov nad poľami.
V dôsledku VŠETKÝCH týchto manipulácií dostaneme nasledovné:
$fields = array("author" => "
", "e-mail" => "
", "url" => "
",);
Zostáva len odstrániť hlúpu narážku „Váš e-mail nebude zverejnený. Povinné polia sú označené *“. Ak to chcete urobiť, odstráňte riadok (približne 1537):
"comment_notes_before" => "
" .__("Vaša e-mailová adresa nebude zverejnená.") .($req ? $required_text: "") ."
",
Zdá sa, že to je všetko, teraz sa naša forma stala o niečo atraktívnejšou. Dúfam, že tieto informácie budú pre niekoho užitočné :)

Odoberajte, komentujte, budem rád za každý adekvátny komentár. Možno sám niečo neviem a vy to dokážete inak, podeľte sa o svoje myšlienky.

WordPress má niekoľko typov obsahu, ako sú príspevky, stránky, komentáre. WordPress je veľmi flexibilná platforma, ktorá vám umožňuje prispôsobiť hlavné typy obsahu tak, aby vyhovovali vašej stránke. Môžete zmeniť vzhľad a dojem. V tomto návode vám ukážeme, ako zmeniť správanie a vzhľad komentárov na webe WordPress.

Krok 1. Pochopenie funkcie comment_form a jeho argumenty

Zvážte funkciu WordPress comment_form. Je zodpovedný za zobrazenie formulára komentára, ktorý je zobrazený na stránke alebo príspevku. Volanie tejto funkcie sa nachádza hlavne v súbore komentáre.php v priečinku témy. Tento súbor sa nachádza na rôznych miestach, napríklad v súboroch single.php a page.php, priamo alebo prostredníctvom volania funkcie comments_template.

Popis funkcie nájdete v kódexe WordPress.

Ak na vykreslenie formulára použijete funkciu comment_form, vykreslí sa pomocou predvolených parametrov a bude obsahovať polia ako meno, e-mail (obe polia sú povinné), webová lokalita a obsah komentára. V predvolenej téme Twenty Eleven bude formulár vyzerať takto.

Niektoré dôležité argumenty funkcie comment_form:
- polia - s jeho pomocou môžete ovládať výstup polí vo formulári komentárov.
- comment_notes_before a comment_notes_after sa používajú na zobrazenie informácií pred a za formulárom.
- title_reply - používa sa na zmenu názvu odpovede, ktorý je štandardne nastavený na 'Leave a Reply'.
- label_submit – používa sa na zmenu textu na tlačidle na odoslanie komentára.
Krok 2. Prispôsobte formulár komentárov pomocou funkcie komentár_form

Teraz prispôsobme náš formulár komentárov odovzdaním argumentov funkcii comment_form.

V prípade, že potrebujeme upraviť polia vo formulári komentárov, musíme ich zoznam odovzdať funkcii comment_form. Funkcia štandardne používa nasledujúci zoznam polí:

$fields = array("author" => "
" . "" .__("Názov") . "" . ($req ?" *" : "") . "
", "e-mail" => "
" .__("E-mail") ."" . ($req ?" *" : "") . "
", "url" => "
" .__("Webová lokalita") ."" . "
",);

Ak potrebujeme odstrániť pole, povedzme webovú stránku , stačí ho vylúčiť z poľa a odovzdať pole funkcii comment_form.

$commenter = wp_get_current_commenter(); $req = get_option("require_name_email"); $aria_req = ($req ? " aria-required="true"" : ""); $fields = array("author" => "
" . "" .__("Názov") . "" . ($req ?" *" : "") . "
", "e-mail" => "
" .__("E-mail") ."" . ($req ?" *" : "") . "
",); $comments_args = array("polia" => $polia); comment_form($comments_args);

Okrem toho zmeníme aj názov formulára na „Pošlite nám svoj hodnotný komentár“ a označenie tlačidla na „Odoslať môj komentár“.

Na dokončenie úlohy odovzdáme nasledujúce argumenty funkcii comment_form:

$commenter = wp_get_current_commenter(); $req = get_option("require_name_email"); $aria_req = ($req ? " aria-required="true"" : ""); $fields = array("author" => "
" . "" .__("Názov") . "" . ($req ?" *" : "") . "
", "e-mail" => "
" .__("E-mail") ."" . ($req ?" *" : "") . "
",); $comments_args = array("fields" => $fields, "title_reply"=>"Pošlite nám svoj hodnotný komentár", "label_submit" => "Odoslať môj komentár"); comment_form($comments_args);

Formulár komentára bude teraz vyzerať takto:

Krok 3 Odstránenie polí z formulára pomocou háčika

Formulár komentárov WordPress je tiež možné upraviť pomocou háčikov a filtrov. Toto nastavenie môže byť užitočné najmä pri práci s doplnkom, keď potrebujete vyladiť niekoľko prvkov, ale nie zmeniť súbory tém. Filter na pridanie alebo odstránenie polí formulára - ' comment_form_default_fields'

Odstránime pole URL adresy pomocou filtra. Vyššie uvedený kód možno použiť v doplnku alebo v súbore funkcie.php aktívna téma.

Funkcia remove_comment_fields($fields) ( unset($fields["url"]); return $fields; ) add_filter("comment_form_default_fields","remove_comment_fields");

Krok 4: Pridanie údajov do formulára komentárov pomocou háčika

Do formulára môžeme pridať polia pomocou filtra ' comment_form_default_fields '. Pridajme pomocou filtra pole veku autora a toto pole uložme s ďalšími údajmi a zobrazme v komentároch.

Pridajte pole, ako je toto:

Funkcia add_comment_fields($fields) ( $fields["age"] = "
" .__("Vek") . "" . "
"; return $fields; ) add_filter("comment_form_default_fields","add_comment_fields");

#respond .comment-form-author label, #respond .comment-form-e-mail label, #respond .comment-form-url label, #respond .comment-form-age label, #respond .comment-form-comment label ( pozadie: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0,8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0,8); box-shadow: 1px,204px,40px,40px 20px 0,8); farba: #555; displej: inline-block; veľkosť písma: 13px; vľavo: 4px; minimálna šírka: 60px; výplň: 4px 10px; pozícia: relatívna; hore: 40px; z-index: 1; )

Teraz bude náš formulár komentárov vyzerať takto:

Vek je teraz uložený ako dodatočná informácia. Musíte použiť háčik v ' comment_post ':

Funkcia add_comment_meta_values($comment_id) ( if(isset($_POST["vek"])) ( $vek = wp_filter_nohtml_kses($_POST["vek"]); add_comment_meta($comment_id, "vek", $vek, false); ) ) add_action("príspevok_komentára", "meta_hodnoty_pridať_komentár", 1);

Po uložení údajov sa môžu zobraziť v komentári takto:

comment_ID, "vek", true); ?>

Krok 5 Nastavenie komentárov pre konkrétne typy príspevkov

Niekedy chcete použiť polia v komentároch len pre určité typy príspevkov. Zmeňme kód tak, aby zobrazoval pole veku iba pre knihu typu záznamov:

Funkcia add_comment_fields($fields) ( if(is_singular("books")) ( $fields["age"] = "
" .__("Vek") . "" . "
"; ) return $fields; ) add_filter("comment_form_default_fields","add_comment_fields");

Krok 6. Vytvorte funkciu návratu na zobrazovanie komentárov

Funkcia wp_list_comments slúži na zobrazenie komentárov v príspevkoch. Funkciu podrobne popisuje kódex WordPress.

wp_list_comments má argument ' spätné volanie ', ktorý možno použiť na definovanie funkcie, ktorá sa volá pri zobrazení komentára.

V téme Twenty Eleven v súbore komentáre.php môžete nájsť riadok:

wp_list_comments(pole("callback" => "twentyeleven_comment"));

Zmeňme to na:

wp_list_comments(pole("callback" => "my_comments_callback"));

Funkcia my_comments_callback sa zavolá pre každý príspevok.

Krok 7 Úprava štýlu komentárov

Teraz trochu zmeníme štýl komentára. Jednoducho zobrazíme obsah príspevku a pole veku, ktoré sme pridali skôr. Zmeníme aj farbu pozadia komentárov.

Kód funkcie „my_comments_callback“:

Funkcia my_comments_callback($comment, $args, $depth) ( $GLOBALS["comment"] = $comment; ?>
id="li-comment-">

comment_ID, "vek", true); ?>

__("Odpoveď ↓", "dvadsaťjedenásť"), "hĺbka" => $hĺbka, "maximálna_hĺbka" => $args["maximálna_hĺbka"]))); ?>

Zmeňte farbu pozadia takto:

Zoznam komentárov > li.comment ( pozadie: #99ccff; okraj: 3px plné #ddd; -moz-border-radius: 3px; border-radius: 3px; okraj: 0 0 1,625 em; výplň: 1,625 em; pozícia: relatívna; )

***

Príprava šablóny

bude presne na toto:

"

Zatiaľ tu nie sú žiadne komentáre, ale môžete byť prvý

Komentáre čitateľov k článku ""

Diskusie pre túto stránku sú uzavreté

Výstup komentárov

Formulár na odoslanie komentára

Zatiaľ tu nie sú žiadne komentáre, ale môžete byť prvý

Komentáre čitateľov k článku ""

Diskusie pre túto stránku sú uzavreté

Výsledok

čitatelia článku ""

Diskusie pre túto stránku sú uzavreté

Časté otázky o komentároch

Ako zvýrazniť komentáre autorov a používateľov?

Ako upraviť komentáre stromu?

Štýly pre párne a nepárne komentáre

Ako uzavrieť komentáre k jednému príspevku?

Pomôžte projektu

Prispôsobenie komentárov

Počítanie komentárov každého používateľa

Každému používateľovi pridelíme status v závislosti od počtu komentárov

Úplne dokončený kód komentára

Ako prispôsobiť formulár komentárov WordPress

Ako krásne navrhnúť formulár komentárov

Ako zvýrazniť komentáre autora bez pluginu

Ako si vyrobiť vlastný gravatar (foto v komentároch)

Dôležité doplnky pre komentáre WordPress

Emotikony vo forme komentárov vo wordpresse

Prémiové lekcie z klubu webformyself

Krok 1. Pochopenie funkcie comment_form a jeho argumenty

Krok 2. Prispôsobte formulár komentárov pomocou funkcie komentár_form

Krok 3 Odstránenie polí z formulára pomocou háčika

Krok 4: Pridanie údajov do formulára komentárov pomocou háčika

Krok 5 Nastavenie komentárov pre konkrétne typy príspevkov

Krok 6. Vytvorte funkciu návratu na zobrazovanie komentárov

Krok 7 Úprava štýlu komentárov