Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak wyświetlić najczęściej komentowane wpisy w WordPress (2 sposoby)

Chcesz wyświetlić twoje najczęściej komentowane wpisy w WordPress?

Wyróżnianie najczęściej komentowanych wpisów pomaga odwiedzającym znaleźć twoją najlepszą treść, zwiększyć liczbę odsłon i zwiększyć zaangażowanie w witrynie internetowej.

W tym artykule pokażemy, jak krok po kroku łatwo wyświetlić najczęściej komentowane wpisy w WordPressie.

How to display most commented posts in your WordPress

Dlaczego warto wyświetlać najczęściej komentowane wpisy w WordPressie?

Twoje najczęściej komentowane wpisy mają bardzo wysoki poziom zaangażowania użytkowników. Wyświetlając twoje popularne wpisy, zachęcasz nowych czytelników do przyłączenia się do dyskusji i spędzenia więcej czasu na twojej witrynie internetowej WordPress.

Wszystko to razem stanowi duży dowód społeczny dla twojej witryny.

Gdy odwiedzający pozostają na twojej witrynie dłużej, możesz przekonać ich 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 witryn internetowych. Dzięki tej wtyczce możesz łatwo wyświetlać twoje najczęściej komentowane wpisy w dowolnym miejscu witryny internetowej.

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: istnieje darmowa wersja MonsterInsights, ale w tym poradniku korzystamy z wersji pro, ponieważ zawiera ona funkcję popularnych wpisów.

Po włączaniu przejdź do strony Insights ” Popular Posts, a następnie kliknij kartę „Popular Posts Widget” w menu.

Popular post widget

Na tym ekranie możesz kontrolować wygląd twoich najczęściej komentowanych wpisów.

Po prostu wybierz motyw, którego chcesz użyć dla swoich wpisów. Motyw działa podobnie do twojego motywu WordPress i będzie kontrolować ogólny wygląd widżetu najczęściej komentowanych wpisó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.

View theme preview

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.

Customize widget design

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”.

Sort by comments

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.

Include and exclude posts

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.

Enable automatic placement

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 wpis, w którym chcesz wyświetlić twoje najczęściej komentowane wpisy.

Po wejściu do edytora treści wystarczy kliknąć ikonkę „+” i wybrać blok „Popularne wpisy”.

Add popular post block

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.

Update and publish your changes

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.

View most popular posts preview

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

Będziesz chciał dodać poniższy kod do twojego pliku functions.php. Zalecamy zrobienie tego za pomocą wtyczki WPCode. Jest to najbezpieczniejszy i najlepszy sposób na dodanie własnego kodu do twojego 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)”.

How to show post excerpts using code

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');
Copy and paste code snippet

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)”.

How to show post excerpts using code

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”.

Add CSS code snippet

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.

WPBeginner's trending and popular posts

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, w którym należy wybrać „Typ treści”. Teraz MonsterInsights rozpocznie śledzenie wydajności Twojego wpisu na blogu.

Selecting post type as a custom dimension in MonsterInsights

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.

Some of the popular posts widget's behavior settings in MonsterInsights

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 wpisy w WordPress. Możesz również zapoznać się z naszym najlepszym przewodnikiem SEO WordPress, aby uzyskać większy ruch, oraz naszą ekspercką listą najlepszych wtyczek WordPress dla firm.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

6 komentarzyZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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.

  3. 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.

  4. Nishant Nanda

    Loved this post and one question that do we have to add CSS code after the commented code in functions.php

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.