Wyróżnienie najczęściej komentowanych postów w witrynie WordPress może pomóc odwiedzającym znaleźć najlepsze treści i zwiększyć liczbę odsłon. Może to również zachęcić czytelników do dalszej dyskusji.
Na blogu WPBeginner wyświetliliśmy najczęściej komentowane posty i zauważyliśmy znaczny wzrost ruchu do naszych kluczowych artykułów. Takie podejście zachęca odwiedzających do pozostania na stronie dłużej i angażowania się poprzez pozostawianie komentarzy.
W tym artykule pokażemy, jak krok po kroku łatwo wyświetlić najczęściej komentowane wpisy w WordPressie.
Dlaczego warto wyświetlać najczęściej komentowane wpisy w WordPressie?
Najczęściej komentowane posty mają bardzo wysoki poziom zaangażowania użytkowników. Wyświetlając popularne posty, zachęcasz nowych czytelników do przyłączenia się do dyskusji i spędzenia więcej czasu na Twojej stronie WordPress.
Wszystko to razem stanowi duży dowód społeczny dla twojej witryny.
Gdy odwiedzający pozostają na stronie dłużej, można ich przekonać do przeczytania kolejnego wpisu, dołączenia do listy mailingowej lub dokonania zakupu.
Ponadto, gdy nowi odwiedzający zostawiają komentarz, stają się częścią społeczności. Może to pomóc w budowaniu zaufania wśród twoich czytelników na dłuższą metę.
W związku z tym przyjrzyjmy się, jak łatwo wyświetlić twoje najczęściej komentowane wpisy w WordPressie za pomocą 2 metod. Możesz kliknąć poniższe odnośniki, aby przejść do wybranej przez ciebie sekcji:
Metoda 1: Wyświetlanie najczęściej komentowanych wpisów za pomocą wtyczki w WordPress (zalecane)
Istnieje wiele różnych popularnych wtyczek WordPress do wpisów, które można wykorzystać do wyświetlania popularnych artykułów, ale najprostszą w użyciu jest MonsterInsights.
Jest to najlepsze rozwiązanie analityczne dla WordPress, używane przez ponad 3 miliony stron internetowych. Dzięki tej wtyczce możesz łatwo wyświetlać najczęściej komentowane posty w dowolnym miejscu na swojej stronie.
Najpierw należy zainstalować, włączyć i skonfigurować MonsterInsights. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących na temat instalacji Google Analytics w WordPress.
Uwaga: MonsterInsights ma darmową wersję, ale w tym poradniku korzystamy z wersji pro, ponieważ zawiera ona funkcję popularnych postów.
Po włączaniu przejdź do strony Insights ” Popular Posts, a następnie kliknij kartę „Popular Posts Widget” w menu.
Na tym ekranie możesz kontrolować wygląd twoich najczęściej komentowanych wpisów.
Wystarczy wybrać „Motyw”, którego chcesz użyć dla swoich postów. Motyw działa podobnie do motywu WordPress i będzie kontrolować ogólny wygląd widżetu najczęściej komentowanych postów.
Na tym ekranie dostępnych jest również mnóstwo innych opcji konfiguratora.
Na przykład, w polu meta „Podgląd motywu” możesz wyświetlać najczęściej komentowane wpisy w formacie „Szerokim” poniżej twojej treści lub w formacie „Wąskim” po prawej stronie twojej treści.
Następnie klienci mają więcej opcji dostosowania wyglądu.
Można na przykład zmienić rozmiar i kolor tytułu, ikonki i tła.
MonsterInsights automatycznie zapisze wszelkie zmiany wprowadzone w ustawieniach wyświetlania Twoich najczęściej komentowanych wpisów.
Po zakończeniu konfiguratora wyglądu twoich wpisów z komentarzami, nadszedł czas, aby wyświetlić twoje popularne wpisy według komentarzy.
W polu „Sortuj według” wybierz opcję „Komentarze”.
Następnie przewiń w dół i zobacz więcej opcji dołączania i wykluczania wpisów.
Istnieje również opcja uwzględnienia wpisów z określonych kategorii w widżecie popularnych wpisów.
MonsterInsights automatycznie wyświetli Twoje najczęściej komentowane wpisy.
Masz kilka różnych opcji dodawania twoich popularnych wpisów do WordPressa. Możesz wybrać ręczne lub automatyczne umieszczanie.
Jeśli wybierzesz „Automatyczne” umieszczanie, wówczas wtyczka doda twoje najczęściej komentowane wpisy WordPress bezpośrednio po ostatnim akapicie twoich wpisów na blogu.
Inną opcją jest ręczne wyświetlanie twoich najczęściej komentowanych wpisów. Jeśli wybierzesz opcję „Ręcznie”, możesz dodać widżet popularnych wpisów za pomocą bloku Gutenberg lub krótkiego kodu.
Aby to zrobić, otwórz stronę lub post, w którym chcesz wyświetlić najczęściej komentowane posty.
Po wejściu do edytora treści wystarczy kliknąć ikonkę „+” i wybrać blok „Popularne wpisy”.
Spowoduje to automatyczne dodanie twoich najczęściej komentowanych wpisów do twojej strony.
Upewnij się, że kliknąłeś przycisk „Aktualizuj” lub „Opublikuj”, aby wprowadzić twoje zmiany.
Teraz, gdy twoi użytkownicy przejdą na stronę, zobaczą najczęściej komentowane wpisy.
Możesz przejść na witrynę internetową, aby zobaczyć najpopularniejsze wpisy z komentarzami w działaniu.
Metoda 2: Wyświetlanie najczęściej komentowanych wpisów za pomocą kodu
Druga metoda biorąca udział w dodawaniu kodu do twoich plików WordPress.
Korzystanie z tej metody ma jednak pewne wady. Po pierwsze, bierze ona udział w dodawaniu kodu do WordPressa, więc nie jest przyjazna dla początkujących. Może to spowodować poważne problemy z nawet niewielkim błędem, dlatego zalecamy edycję plików rdzeni WordPress dla zaawansowanych użytkowników.
Po drugie, kod nie jest tak zoptymalizowany pod kątem wydajności jak wtyczka MonterInsights. Zwiększa to obciążenie serwera i może spowolnić twoją witrynę internetową.
W związku z tym przyjrzyjmy się, jak wyświetlić najczęściej komentowane wpisy w WordPressie bez wtyczki.
Dodawanie fragmentu kodu do pliku functions.php
Poniższy kod należy dodać do pliku functions.php. Zalecamy zrobienie tego za pomocą wtyczki WPCode. Jest to najbezpieczniejszy i najlepszy sposób na dodanie niestandardowego kodu do bloga WordPress.
Najpierw należy zainstalować i włączyć wtyczkę WPCode. Więcej szczegółów można znaleźć w naszym przewodniku na temat instalacji wtyczki WordPress.
Uwaga: Możesz również użyć darmowej wtyczki WPCode, która posiada wszystkie funkcje potrzebne do dodania tego kodu.
Po włączeniu możesz przejść do strony Code Snippets ” + Add Snippet z kokpitu WordPress i wybrać opcję „Add Your Custom Code (New Snippet)”.
Następnie możesz dodać nazwę twojego fragmentu kodu w górnej części strony. Następnie wybierz „Fragment kodu PHP” jako rodzaj kodu z rozwijanego menu po prawej stronie.
Teraz wystarczy skopiować i wkleić ten kod w polu „Podgląd kodu”:
function wpb_most_commented_posts() {
// start output buffering
ob_start();
?>
<ul class="most-commented">
<?php
// Run WP_Query
// change posts_per_page value to limit the number of posts
$query = new WP_Query('orderby=comment_count&posts_per_page=10');
//begin loop
while ($query->have_posts()) : $query->the_post(); ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> <span class="wpb-comment-count"><?php comments_popup_link('No Comments;', '1 Comment', '% Comments'); ?></span></li>
<?php endwhile;
// end loop
?>
</ul>
<?php
// Turn off output buffering
$output = ob_get_clean();
//Return output
return $output;
}
// Create shortcode
add_shortcode('wpb_most_commented', 'wpb_most_commented_posts');
//Enable shortcode execution in text widgets
add_filter('widget_text', 'do_shortcode');
Gdy to zrobisz, po prostu kliknij przełącznik, aby włączyć kod, a następnie naciśnij przycisk „Zapisz fragment kodu” u góry.
Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących na temat wklejania fragmentów kodu z sieci do WordPressa.
Kod uruchomi zapytanie do bazy danych i pobierze 10 wpisów uporządkowanych według największej liczby komentarzy. Następnie wykorzystuje buforowanie danych wyjściowych do utworzenia krótkiego kodu, którego można użyć do wyświetlenia wpisów.
Ostatnia linia kodu tworzy krótki kod, którego możesz użyć w twoich wpisach, stronach i obszarach widżetów.
Aby wyświetlić twoje popularne wpisy, wystarczy dodać następujący krótki kod do witryny WordPress.
[wpb_most_commented]
Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem dla początkujących, jak dodać krótki kod w WordPress.
Jeśli chcesz dodać miniaturki obok twoich wpisów, dodaj następującą linię kodu zaraz po tagu <li>
w powyższym kodzie.
<?php the_post_thumbnail(array(40,40)); ?>
Ten kod zdefiniuje dostosuj rozmiar dla miniaturek wpisów. Możesz dostosować rozmiar do swoich potrzeb.
Styl twoich najczęściej komentowanych wpisów za pomocą CSS
Gdy już to zrobisz, możesz ustawić sposób wyświetlania twoich najczęściej komentowanych wpisów.
Aby to zrobić, możesz zmodyfikować klasy CSS .most-commented
i .wpb-comment-count
w arkuszu stylów twojego motywu WordPress.
Aby rozpocząć, możesz użyć następującego CSS:
.most-commented li {
border-bottom:1px solid #eee;
padding-bottom:3px;
}
.most-commented li :after {
clear:both;
}
.most-commented img {
padding:3px;
margin:3px;
float:left;
}
.wpb_comment_count a, .wpb_comment_count a:active, .wpb_comment_count a:visited, .wpb_comment_count a:hover {
color:#FFF;
}
Aby dodać CSS do arkusza stylów twojego motywu internetowego, możesz użyć WPCode.
Po prostu przejdź do Code Snippets ” + Add Snippet z kokpitu WordPress i wybierz opcję „Add Your Custom Code (New Snippet)”.
Następnie wpisz kod CSS w obszarze Podgląd kodu i dodaj tytuł dla twojego fragmentu kodu.
Następnie upewnij się, że kliknąłeś menu rozwijane Rodzaj kodu i wybrałeś opcję „Fragment kodu CSS”.
Po zakończeniu nie zapomnij przełączyć przełącznika na „Włączanie”, a następnie kliknij przycisk „Zapisz fragment kodu” u góry.
Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat tego, jak łatwo dodać własny CSS do twojej witryny WordPress.
Bonus: Wyświetlanie popularnych wpisów według zobaczenia w WordPressie
Jeśli nie chcesz wyświetlać wpisów na blogu z największą liczbą komentarzy, możesz chcieć wyświetlać artykuły, które są trendy i mają najwięcej użytkowników, którzy zobaczyli Twoją witrynę internetową.
Może to zwiększyć liczbę konwersji i pomóc odwiedzającym odkryć treści, które ich czytelnicy lubią najbardziej.
Do wyświetlania popularnych wpisów według wyświetleń można użyć MonsterInsights i jego dodatku Dimensions. Aby uzyskać więcej informacji, zobacz naszą recenzję MonsterInsights.
Po włączaniu przejdź na stronę Insights „ Settings z kokpitu WordPress i przełącz się na kartę „Conversions”. Tutaj kliknij przycisk „Dodaj nowy konfigurator”.
Spowoduje to otwarcie menu rozwijanego, z którego należy wybrać opcję „Post Type”. Teraz MonsterInsights rozpocznie śledzenie wydajności postów na blogu.
Następnie przejdź na stronę Insights ” Popular Posts z kokpitu WordPress i przełącz się na kartę „Popular Posts Widget”.
Tutaj możesz skonfigurować styl układu, kolor tła i kolor tekstu dla twojego widżetu. Gdy już to zrobisz, przewiń w dół do sekcji „Sortuj według” i wybierz opcję „Wyselekcjonowane”.
Następnie włącz opcję „Dodaj 5 najlepszych wpisów z Google Analytics” poniżej.
Możesz teraz osadzać blok „Popularne wpisy” na stronie lub we wpisie, w którym chcesz wyświetlać najpopularniejsze wpisy według wyświetleń. Aby uzyskać szczegółowe informacje, zobacz nasz poradnik na temat wyświetlania popularnych wpisów według wyświetleń w WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci wyświetlić najczęściej komentowane posty w WordPress. Możesz również zapoznać się z naszym poradnikiem na temat wyłączania powiadomień o komentarzach w WordPressie i naszym eksperckim wyborem najlepszych wtyczek powiązanych postów dla WordPressa.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Ralph
This article is a gem for bloggers seeking to enhance their website engagement! Displaying the most commented posts is a brilliant strategy to boost overall pageviews.
I used to display 5 most popular posts by views, but that didn’t do the trick.
Most popular is not as interesting as post with comment counter that shows 100+ comments.
Most popular can be meh, but the most commented? People are curious what others have to say.
Thanks for 2 ways of doing this. I tried code, but that didn’t work so I will try plugin. I see it has much more things to offer.
Jiří Vaněk
Thank you for the snippet. I’d like similar functionality on my friend website as well, but I didn’t want to go down the path of adding another plugin that would consume memory. I use WPCode for snippets, so this snippet will come in very handy.
Nishant Nanda
Loved this post and one question that do we have to add CSS code after the commented code in functions.php
WPBeginner Support
You wouldn’t add the CSS in your functions.php, you would want to follow our guide for adding CSS below:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
Administrator
Rohit Palit
Great post. It was much needed. Love your simplistic style of explanation.