Formatowanie obszaru komentarzy w WordPress. Formatowanie obszaru komentarzy w WordPressie Wyłączenie wyświetlania pingów z panelu administracyjnego
Tło napisania tego artykułu jest typowe: postanowiłem wyróżnić swoje komentarze osobnym stylem... Na szczęście od kilku dni niszczę style.php i znam podstawowe zasady składni CSS. I oczywiście ten niewinny pomysł przerodził się w lekkie zakłopotanie, poszukiwanie rozwiązania... Ostatecznie wszystko się udało. A teraz chcę Wam opowiedzieć, jakich magicznych pasków użyłam do ozdabiania własnych komentarzy.
Celem wszystkich opisanych poniżej manipulacji jest podkreślenie czytelnikom swoich komentarzy i odpowiedzi. Jeśli nie przesadzisz ze stylami, wyjdzie całkiem elegancko. Oczywiście nie jest to niezbędna konieczność. Każdy, kto zdecyduje się wyświetlić Twoje komentarze, będzie mógł to zrobić pod pseudonimem. Ale idea piękna jest również ważna dla wielu blogerek.
Dodatkowo, jeśli zwrócimy uwagę na to, jak odpowiedzi autora są sformatowane na wielu dużych i przemyślanych serwisach (np. Smashingmagazine), zobaczymy dla nich odrębny styl. Oczywiście pomoże to poprawić użyteczność.
Szczególnie ważne jest zastosowanie osobnego stylu dla komentarzy autorskich na blogach, gdzie dozwolone są komentarze w kształcie drzewa o dość głębokim stopniu zagnieżdżenia. Mówiąc najprościej, gdzie użytkownik może odpowiadać na komentarze, odpowiadać na odpowiedzi i tak dalej.
Przyjrzyjmy się stylom komentarzy, które są już w użyciu
Nie dziwcie się, że sugeruję jakby zacząć od końca. Ale dla użytkowników, którzy nie czują się całkowicie komfortowo, edytując motywy WordPress, jest to najbardziej wizualny i oczywisty sposób.
Wybierz więc post na swoim blogu, który zawiera komentarze. Oczywiście potrzebujemy również Waszych odpowiedzi, aby się tu znaleźć. Po otwarciu takiej strony kliknij ją prawym przyciskiem myszy i wybierz „Wyświetl kod strony” (w przeglądarkach Google Chrome i Firefox na pewno jest taka opcja).
Nie bój się, gdy zobaczysz arkusz kodu. Tak naprawdę nie ma tu nic skomplikowanego ani tajemniczego. Przewiń stronę w dół, a zauważysz, że najpierw wyświetlane są ogólne informacje o poście, a następnie tekst z formatowaniem. Poniżej znajduje się wreszcie kod związany z komentarzami. Możesz po prostu wpisać Ctrl+F i wejść w wyświetlonym oknie lista komentarzy i naciśnij Enter - natychmiast zostaniesz „przerzucony” do żądanej linii, gdzie wyszukiwane słowo zostanie jasno podświetlone.
Przyjrzyjmy się teraz, jak oznaczane są nasze style komentarzy. Dla jasności kod pochodzi z mojego motywu. Oczywiście Twój może wyglądać i mieć nieco inną strukturę, ale główne znaczenie poszczególnych części kodu powinno być jasne:
TEKST KOMENTARZA
- id="li-komentarz-">
komentarz_zatwierdzony == "0") : ?>Pamiętaj, że nie zamykamy tagu$głębia,"max_głębokość" => $args["max_głębokość"]))); ?>
- , ponieważ WordPress automatycznie utworzy tagi zamykające na podstawie znaczników zagnieżdżonych komentarzy.
Po opublikowaniu ta funkcja zostanie wywołana po wygenerowaniu komentarzy i umożliwi dokonanie niezbędnych zmian. Rzecz w tym, że zrobiliśmy wszystko, czego potrzebowaliśmy, korzystając ze standardowych i dość ograniczonych ustawień wp_list_comments()
Wróćmy teraz do starych sposobów - razem z wp_list_comments umieścimy pętlę foreach
Dzięki takiemu zastosowaniu szablon będzie wstecznie kompatybilny ze starszymi wersjami WordPressa.
Skoro już wiemy, jak skonfigurować pętlę komentarzy, zmodyfikujmy ją tak, aby odpowiadała naszym potrzebom i zastosujmy kilka fajnych trików.
Implementowanie komentarzy strona po stronie
Nikt nie wie z góry, że treść witryny może przyciągnąć setki komentarzy. Chodzi mi o to, że wszyscy jesteśmy supergwiazdami i sukces może nadejść niespodziewanie. Oglądanie i przewijanie wpisu z setkami komentarzy może zająć niesamowicie dużo czasu. Generalnie na pewno nie boimy się przewijania w pionie (w przeciwieństwie do przewijania w poziomie), ale wszystko powinno mieć obramowanie. Typowy post z 60 komentarzami może mieć wysokość do 20 tys. pikseli!
Świetnym sposobem na utrzymanie porządku jest paginacja kanału komentarzy i wyświetlanie ich strona po stronie.
Po włączeniu paginacji nie zapomnij dodać funkcji do pliku komentarze.php, aby wyświetlać linki „Przed” i „Później”.
Linki te będą automatycznie wyświetlane i przerywają arkusz komentarzy, gdy zostanie przekroczona określona liczba komentarzy na stronie. Jeśli liczba komentarzy będzie mniejsza niż ta liczba, linki nie zostaną wyświetlone.
I jest tu jeden haczyk. Pojawia się dobrze znany problem SEO polegający na powielaniu treści z komentarzami strona po stronie. Dzieje się tak, ponieważ dla każdej strony z komentarzami tworzone są te same 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/
Oczywiste jest, że tylko komentarze na tych stronach będą inne. Ogólny obraz jest jeszcze gorszy, ponieważ każdy komentarz ma swoje własne, unikalne powiązanie z czasem publikacji, co również powoduje powstawanie duplikatów. Dlatego bot wyszukiwania znajdzie tę samą treść pod ogromną liczbą różnych linków.
Aby uniknąć powielania, istnieje kilka rozwiązań:
- Nie używaj komentarzy na stronie
- Użyj metatagów, aby utworzyć kanoniczne adresy URL dla każdego postu
- Użyj wtyczki
Jeśli Twoja witryna jest bardzo popularna lub stanie się taka, to oczywiście lepiej jest używać kanonicznych adresów URL. Jeśli nie planuje się gorących dyskusji, łatwiej jest skorzystać z tradycyjnych arkuszy komentarzy bez paginacji.
SEO dla Paged Comments przyjmuje jeszcze bardziej radykalne podejście – usunięcie treści postu ze stron komentarzy i zastąpienie jej cytatem lub skróconą wersją postu.
Implementacja zagnieżdżonych komentarzy
Zagnieżdżone komentarze w drzewie umożliwiają odwiedzającym napisanie odpowiedzi na wybrany istniejący komentarz, tworząc bogaty dialog dyskusyjny. Po włączeniu tej funkcji w ustawieniach, przy każdym komentarzu pojawi się link „Odpowiedz”, dzięki któremu będziesz mógł wypowiedzieć się na temat konkretnego komentarza.
Zanim pojawiła się taka możliwość, istniał styl odpowiadania wybranemu autorowi, używając jego nazwiska i znaku @ w tekście komentarza, np. „@Vasya, mylisz się!” Po pewnej transformacji metoda ta zakorzeniła się w wielu aplikacjach w Internecie i nadal żyje, na przykład na Twitterze. A we współczesnych wersjach WordPressa taka wzmianka nie musi być używana.
Teraz wystarczy kliknąć odpowiedni link „Odpowiedz” i zabrać głos. Po zatwierdzeniu tekstu komentarza pojawi się on bezpośrednio pod komentarzem, którego dotyczył.
Jeśli Twój szablon nie obsługuje tego typu komentowania, możesz go dodać w prosty sposób:
- Wykonujemy kopie zapasowe plików, co teoretycznie powinno już wejść w nawyk
- Włącz zagnieżdżone komentarze w ustawieniach Opcje → Ustawienia dyskusji → Zezwalaj na komentarze w drzewie
- Dodaj następujący kod do header.php bezpośrednio przed funkcją wp_head()
- Dodaj do komentarze.php tuż przed tagiem zamykającym
- Sprawdźmy to
Właściwie wystarczy, że znajdziemy komentarze z Twoim nickiem (przykładowo na tym blogu piszę i odpowiadam pod pseudonimem Katyaru). I tuż nad wymaganą linią, która zaczyna się w ten sposób:
Dziękuję, masz świetną stronę!