Formátovanie oblasti komentárov vo WordPress. Formátovanie oblasti komentárov vo WordPress Vypnutie zobrazovania pingov z administračného panela

Pozadie písania tohto článku je typické: Rozhodol som sa zvýrazniť svoje komentáre samostatným štýlom... Našťastie už niekoľko dní skartujem style.php a poznám základné pravidlá syntaxe CSS. A tento nevinný nápad sa, samozrejme, zmenil na mierny trapas, hľadanie riešenia... Nakoniec sa všetko podarilo. A teraz vám chcem povedať, akými magickými gestami som zdobil svoje komentáre.

Zmyslom všetkých nižšie popísaných manipulácií je zvýrazniť vaše komentáre a reakcie čitateľom. Ak to nepreženiete so štýlmi, bude to celkom elegantné. Samozrejme, nie je to životne dôležitá nevyhnutnosť. Každý, kto sa rozhodol zobraziť vaše komentáre, tak bude môcť urobiť pomocou prezývky. Ale myšlienka krásy je dôležitá aj pre mnohých blogerov.

Okrem toho, ak budeme venovať pozornosť tomu, ako sú odpovede autora naformátované na mnohých veľkých a dobre premyslených stránkach (napríklad smashingmagazine), uvidíme pre ne samostatný štýl. To samozrejme pomôže zlepšiť použiteľnosť.

Zvlášť dôležité je použiť samostatný štýl pre autorské komentáre na blogoch, kde sú povolené stromovité komentáre s dosť hlbokým stupňom vnorenia. Jednoducho povedané, kde môže používateľ odpovedať na komentáre, odpovedať na odpovede atď.

Pozrime sa na štýly komentárov, ktoré sa už používajú

Nečudujte sa, že navrhujem, ako to bolo, od konca. Ale pre používateľov, ktorí sa necítia úplne pohodlne upravovať témy WordPress, je to najviditeľnejší a najzrejmejší spôsob.

Vyberte si teda na svojom blogu príspevok, ktorý má komentáre. Samozrejme, potrebujeme, aby tu boli aj vaše odpovede. Po otvorení takejto stránky na ňu kliknite pravým tlačidlom myši a vyberte možnosť „Zobraziť kód stránky“ (v prehliadačoch Google Chrome a Firefox určite takáto možnosť existuje).

Nezľaknite sa, keď uvidíte hárok kódu. V skutočnosti tu nie je nič zložité ani tajné. Posuňte stránku nadol a všimnete si, že najskôr sa zobrazia všeobecné informácie o príspevku a potom text s formátovaním. Nižšie je konečne kód súvisiaci s komentármi. Môžete jednoducho stlačiť Ctrl + F a vstúpiť do okna, ktoré sa zobrazí zoznam komentárov a stlačte Enter - okamžite sa „hodíte“ na požadovaný riadok, kde sa hľadané slovo jasne zvýrazní.

Teraz sa pozrime, ako sú označené naše štýly komentárov. Kvôli prehľadnosti je kód z mojej témy. Samozrejme, ten váš môže vyzerať a byť štruktúrovaný trochu inak, ale hlavný význam jednotlivých častí kódu by mal byť jasný:

  • NICK KOMENTÁTORA:

    TEXT KOMENTÁRA

    • TVOJA PREZÝVKA:

      TEXT VAŠEJ ODPOVEDE

      TU SÚ ÚDAJE PRE TLAČIDLO „Odpovedať“.
    • Vlastne nám stačí nájsť komentáre s tvojím nickom (napr. na tomto blogu píšem a odpovedám pod nickom Katyaru). A tesne nad požadovaným riadkom, ktorý začína takto:

    • Toto sú označenia tried − komentár od užívateľa komentár-autor-admin bypostauthor nepárny alt hĺbka-2 — nás zaujíma. Čo si myslia? — komentovať"štýl komentára" byuser"štýl registrovaného užívateľa" komentár-autor-admin"štýl autor-admin" vedľajší autor"štýl autora príspevku" zvláštny„párny štýl komentára“ (alebo dokonca „nepárny“) alt"štýl komentára odpovede" hĺbka-2„hĺbka vnorenia komentára je 2″

      Pozor: ak ste múdro zmenili prihlasovacie meno blogu z „admin“ na niečo iné, názov štýlu bude vyzerať takto komentár-autor-VAŠE PRIHLÁSENIE. Je to prihlasovacie meno na vstup do oblasti správcu a nie prezývka, ktorú používate na registráciu!!!

      Tu sú možné možnosti. Možno by komentátori na vašom blogu mali byť registrovanými používateľmi. Možno nie ste autorom príspevku vy, ale iný registrovaný užívateľ bez administrátorských práv. Ale na blogu je len jeden admin – a to si ty! Preto by ste mali venovať pozornosť komentár-autor-admin(alebo komentár-autor-VAŠE PRIHLÁSENIE) – musí byť jedinečné pre všetky vaše komentáre.

      Vo všeobecnosti je algoritmus akcií nasledujúci:

      • Pozrieme sa na kód komentára a zistíme, ako (prítomnosťou akého štýlu) sa vaše komentáre líšia od komentárov všetkých ostatných používateľov (iba čitateľov, registrovaných používateľov, autorov atď.)
      • Potom nájdeme tento štýl v šablóne štýlov a pridáme ho

      Pridanie špeciálneho štýlu pre komentáre správcu blogu

      Otvorte stránku so štýlmi v administračnom paneli blogu style.php - je lepšie si najskôr vytvoriť zálohu témy alebo aspoň skopírovať celý kód z tejto stránky a uložiť ho ako samostatný súbor do Poznámkového bloku. Potom budete môcť obnoviť štýly bez chýb, na ktoré sa pripravujeme

      Popis štýlu komentára nájdeme pomocou zoznamu komentárov hľadaných slov. Dovoľte mi pripomenúť, že kód vyzerá skvele v rôznych témach, ale význam je všade rovnaký. Napríklad mám okrem iného tieto riadky:

      TU MÔŽE BYŤ VEĽA RÔZNYCH VECÍ ol.commentlist li.alt() ol.commentlist li.bypostauthor p() ol.commentlist li.byuser () ol.commentlist li.comment-author-admin(ZADAJTE SVOJ ŠTÝL) ol .zoznam komentárov li. comment() ol.commentlist li div.comment-author-admin (ZADAJ SVOJ ŠTÝL) MÔŽE BYŤ VEĽA RÔZNYCH RÔZNYCH OL.zoznam komentárov li ul.children li.bypostauthor() ol.zoznam komentárov li ul.deti li.byuser() ol. zoznam komentárov li ul.deti li.comment() ol.zoznam komentárov li ul.deti li.comment-author-admin(ZADAJ SVOJ ŠTÝL) ol.zoznam komentárov li ul.deti li.hĺbka-2() ol.komentár li ul.deti li.hĺbka-2 li.komentár-autor-admin(ZADAJ SVOJ ŠTÝL) ol.zoznam komentárov li ul.deti li.hĺbka-3() ol.zoznam komentárov li ul.deti li.hĺbka-3 li.comment-author-admin (ZADAJTE SVOJ ŠTÝL) A TAK

      Tieto prázdne zložené zátvorky () označujú, že nebol zadaný žiadny špeciálny štýl. Práve túto prázdnotu musíme vyplniť naším kódom.

      Pozor: najprv potrebujete zmeniť v kóde slovo „admin“ pre vaše prihlásenie!!! Vo všetkých riadkoch, kde je použitý názov tohto štýlu!!!

      Možné štýly pre komentáre správcu

      Už sme sa dohodli, že z adminovských komentárov príliš veľa nebudeme. Stačí ich mierne zdôrazniť. Napríklad som urobil hrubý zelený pásik naľavo od mojich odpovedí.

      Komentáre v PHP sú podobné komentárom používaným v HTML. V syntaxi PHP sa komentáre vždy začínajú špeciálnou sekvenciou znakov a všetok text, ktorý sa objaví medzi týmito špeciálnymi znakmi, bude tlmočník ignorovať.

      V HTML je hlavným účelom komentára slúžiť ako poznámka pre vývojárov, ktorí môžu zobraziť zdrojový kód vašej stránky. Komentáre PHP sa líšia v tom, že sa návštevníkom nezobrazia. Jediný spôsob, ako zobraziť komentáre PHP, je otvoriť súbor na úpravu. Vďaka tomu sú komentáre PHP užitočné iba pre programátorov PHP.

      V prípade, že ste zabudli alebo ste nevedeli, ako sa robia komentáre v HTML, pozrite si príklad nižšie.

      Syntax komentára PHP: jednoriadkový komentár

      Kým html má len jeden typ komentára, PHP má dva typy. Prvým typom, o ktorom budeme diskutovať, je jednoriadkový komentár. Teda komentár, ktorý tlmočníkovi povie, aby ignoroval všetko, čo sa deje na tomto riadku napravo od komentárov. Ak chcete použiť tento komentár, použite znaky "//" alebo "#" a všetok text napravo bude PHP interpret ignorovať.

      Psst...Nevidíte moje komentáre PHP!"; // echo "nič"; // echo "Volám sa Humperdinkle!"; # echo "Ani ja nič nerobím"; ?>

      výsledok:

      Ahoj svet! Psst...Nevidíte moje komentáre PHP!

      Všimnite si, že niekoľko našich príkazov echo nebolo spracovaných, pretože sme ich komentovali pomocou špeciálnych znakov komentára. Tento typ komentára sa často používa na rýchle zapísanie zložitého a mätúceho kódu alebo na dočasné odstránenie riadku PHP kódu (na ladenie).

      Syntax komentára PHP: viacriadkový komentár

      Podobne ako komentáre HTML, aj viacriadkové komentáre v PHP možno použiť na komentovanie veľkých blokov kódu alebo na písanie komentárov na viacero riadkov. Viacriadkové komentáre v PHP začínajú "/*" a končia "*/". Čokoľvek medzi týmito znakmi bude ignorované.

      Výsledok.

      Dostať sa do kódu alebo nie? Už predtým sme si povedali, že komentárový formulár je trochu komplikovaný, a preto tvorcovia všetko maximálne zjednodušili.

      Funkcia vyvolania komentára je jednoduchá a nemá žiadne parametre

      Vyzerá jednoducho, ale dokáže veľa. V skutočnosti vytvára obrovské množstvo html kódu a používa veľa php kódu. Pretože Táto funkcia vygeneruje všetok hotový HTML kód, potom sa s tým budeme musieť vysporiadať bez možnosti nejako upravovať alebo upravovať pomocou parametrov. Môže to byť problém, keďže tento html kód nemôžeme skutočne zmeniť. Nemáte radi hodiny div? Nechcete používať gravatary? Chcete zmeniť poradie, v ktorom sú riadky zobrazené?

      S tým všetkým sa budete musieť zmieriť a nepotrebné veci skryť pomocou css. Z tohto hľadiska sa budete musieť rozhodnúť, ktorou preferovanou cestou sa vyberiete:

      wp_list_comments

      • jednoduché použitie
      • vstavaná funkcia komentovania
      • vstavaná funkcia stránkovania
      • vstavaná funkcia stromového zobrazenia
      • predvolené triedy css pre základné úlohy

      funkcia vlastného komentára

      • absolútna absolútna kontrola nad všetkým
      • štandardné a vlastné triedy css
      • dostupnosť pluginov na pridanie potrebnej funkcionality

      Výber spôsobu generovania komentárov závisí od mnohých faktorov. Vo všeobecnosti odporúčame používať wp_list_comments a neklamať sa. Ak potrebujete urobiť niečo vlastné, špeciálne a špecifické, s požadovanou funkcionalitou a schopnosťami a táto túžba je podporená vedomosťami, potom použitie vlastných cyklov umožní to všetko implementovať.

      Okrem toho existuje stará dobrá metóda zobrazovania komentárov pomocou slučky foreach, takže stále musíme veľa vymýšľať.

      wp_list_comments() alebo vlastná slučka?

      Pred verziou 2.7 bola výstupná slučka komentárov založená na databázových dotazoch a zobrazovala sa trochu kľukatou, ale dobre zrozumiteľnou cestou.

      Potom boli komentáre obohatené o ďalšiu funkcionalitu – navigáciu po stránke a vnorenie stromov. Tieto funkcie boli aktivované cez admin panel a slučka foreach bola nahradená už zobrazenou funkciou wp_list_comments. Tento cyklus však stále zostáva funkčný, aj keď zo zrejmých dôvodov nepodporuje ďalšie funkcie.

      Hoci wp_list_comments nevyzerá ako slučka, robí všetko rovnako, opakuje dotazy a vydáva komentáre znova a znova, až kým neskončia, pričom ich označí príslušnými značkami.

      Zvyčajne hotový HTML kód pre jeden komentár vyzerá asi takto:

      1. Meno komentátora hovorí:

        Ďakujem, máte skvelú stránku!

      Ako vidíte, výstupná slučka komentára obsahuje obrázok gravatar, niekoľko divov, veľa rôznych tried CSS, odkaz na autora a skutočný text komentára. Ak vám to vyhovuje, potom je to dobré, nemusíte robiť nič iné.

      V tomto prípade môžete osloviť iba nasledujúce možnosti wp_list_comments:

      • predvolená veľkosť avatara je 32 pixelov
      • css štýly - pomocou ich názvov môžete meniť parametre na požadované
      • štýl pre zobrazenie štýlu zoznamu komentárov. V predvolenom nastavení sa komentáre zobrazujú ako značky neusporiadaného zoznamu
          ale ak chcete namiesto toho použiť usporiadaný zoznam
            , potom použite tento parameter "ol")); ?>
          1. typ typ je reťazcový parameter zodpovedný za zobrazené komentáre. Dostupné parametre sú all, comment, trackback, pingback, pings. Ping znamená, že Trackbacky aj pingbacky budú na výstupe spoločne. Štandardne je parameter all, t.j. zobrazia sa všetky komentáre.
          2. text odpovede reply_text – určuje, čo sa napíše na odkaz na odpoveď na komentár, zvyčajne „Odpovedať“
          3. autorizačný text login_text – zobrazí sa, ak sa potrebujete prihlásiť na stránku, aby ste mohli odpovedať, zvyčajne „Prihlásiť sa a komentovať“
          4. callback je názov vlastnej funkcie na zobrazovanie komentárov.
          5. K dispozícii sú ďalšie možnosti

        To nie je veľa, no vo väčšine prípadov to na minimálne potrebné úpravy stačí. Ak potrebujete viac, budete musieť použiť vlastnú slučku alebo zasahovať do PHP kódu napísaného v comments.php, prípadne pridať potrebnú funkcionalitu do functions.php.

        Šamanizmus vo funkciách.php

        Najprv naznačme v comments.php, že budeme používať našu vlastnú funkciu

        Teraz si vytvoríme našu vlastnú funkciu vo functions.php

      • id="li-comment-">
        ");?> %s hovorí:"), get_comment_author_link()); ?>
        comment_approved == "0") : ?>
        $depth,"max_depth" => $args["max_depth"]))); ?>
        Upozorňujeme, že štítok neuzatvárame
      • , pretože WordPress automaticky vytvorí uzatváracie značky na základe označenia vnorených komentárov.

        Po odoslaní sa táto funkcia spustí pri generovaní komentárov a umožní vám vykonať potrebné úpravy. Trik je v tom, že sme urobili všetko, čo sme potrebovali, pomocou štandardných a pomerne obmedzených nastavení wp_list_comments()

        Teraz sa vráťme k starým spôsobom – spolu s wp_list_comments vložíme slučku foreach

        Toto použitie umožní, aby bola šablóna spätne kompatibilná so staršími verziami WordPress.

        Teraz, keď vieme, ako nastaviť slučku komentárov, upravme ju tak, aby vyhovovala našim potrebám, a použite niekoľko skvelých trikov.

        Implementácia komentárov po jednotlivých stránkach

        Nikto vopred nevie, že obsah na stránke môže prilákať stovky komentárov. Narážam na to, že všetci sme superhviezdy a úspech môže prísť nečakane. Pozeranie a pretáčanie príspevku so stovkami komentárov môže byť šialene dlhé. Vo všeobecnosti sa určite nebojíme vertikálneho rolovania (na rozdiel od horizontálneho rolovania), ale všetko by malo mať hranice. Typický príspevok so 60 komentármi môže mať výšku až 20 000 pixelov!

        Skvelý spôsob, ako udržať veci usporiadané, je stránkovať svoj informačný kanál komentárov a zobrazovať ich stránku po stránke.

        Keď povolíte stránkovanie, nezabudnite do svojho súboru comments.php pridať funkcie na zobrazenie odkazov „Pred“ a „Neskôr“.

        Tieto odkazy sa automaticky objavia a rozbijú hárok komentárov, keď sa prekročí určený počet komentárov na stránku. Ak je komentárov menej ako tento počet, odkazy sa nezobrazia.

        A je tu jeden háčik. Vzniká známy problém SEO duplikovania obsahu s komentármi po stránke. Stáva sa to preto, že pre každú stránku komentára sú vytvorené rovnaké adresy URL.

        • https://yoursite.com/ghost-dad-rocked/
        • https://yoursite.com/ghost-dad-rocked/comments-page-1/
        • https://yoursite.com/ghost-dad-rocked/comments-page-2/
        • https://yoursite.com/ghost-dad-rocked/comments-page-3/

        Je jasné, že iba komentáre na týchto stránkach budú iné. Celkový obraz je ešte horší, že každý komentár má svoje jedinečné prepojenie s časom zverejnenia, čo tiež pridáva kopu duplikátov. Preto vyhľadávací robot nájde rovnaký obsah pod obrovským množstvom rôznych odkazov.

        Aby sa predišlo duplicite, existuje niekoľko riešení:

        1. Nepoužívajte komentáre na stránke
        2. Pomocou metaznačiek vytvorte kanonické adresy URL pre každý príspevok
        3. Použite plugin

        Ak je vaša stránka veľmi populárna alebo sa ňou stane, je samozrejme lepšie použiť kanonické adresy URL. Ak nie sú plánované horúce diskusie, potom je jednoduchšie použiť tradičné komentáre bez stránkovania.

        SEO pre stránkované komentáre používa ešte radikálnejší prístup – odstraňuje obsah príspevku zo stránok s komentármi a nahrádza ho citátom alebo skrátenou verziou príspevku.

        Implementácia vnorených komentárov

        Vnorené stromové komentáre umožňujú návštevníkom napísať odpoveď na vybraný existujúci komentár, čím sa vytvorí bohatý diskusný dialóg. Po aktivácii tejto funkcie v nastaveniach sa vedľa každého komentára zobrazí odkaz „Odpovedať“, ktorý vám umožní vyjadriť sa ku konkrétnemu komentáru.

        Predtým, ako sa objavila táto možnosť, existoval štýl odpovede vybranému autorovi pomocou jeho mena a znaku @ v texte komentára, napríklad „@Vasya mýliš sa!“ S určitou transformáciou sa táto metóda udomácnila v mnohých aplikáciách na internete a dodnes žije napríklad na Twitteri. A v moderných verziách WordPress sa takáto zmienka nemusí používať.

        Teraz stačí kliknúť na príslušný odkaz „Odpovedať“ a vyjadriť sa. Keď je text komentára schválený, objaví sa hneď pod komentárom, o ktorom bol napísaný.

        Ak vaša šablóna nepodporuje tento typ komentárov, existuje jednoduchý spôsob, ako ho pridať:

        1. Vytvárame záložné kópie súborov, čo by sa už teoreticky malo stať zvykom
        2. Povoliť vnorené komentáre v nastaveniach Možnosti→ Nastavenia diskusie→ Povoliť komentáre stromu
        3. Pridajte nasledujúci kód do header.php bezprostredne pred wp_head()
        4. Pridajte do comments.php tesne pred uzatváraciu značku
        5. Poďme si to overiť