Hiện nay, việc hiển thị bài viết có nhiều bình luận nhất không chỉ là một cách hiệu quả để tăng cường tương tác người dùng, mà còn giúp tạo ra một cộng đồng sôi nổi và tham gia mạnh mẽ. Việc hiển thị những bài viết này trên trang chủ hoặc các vị trí nổi bật khác trên website làm tăng sự khích lệ người đọc mới tham gia vào cuộc trò chuyện, dễ dàng tìm thấy nội dung thú vị và tương tác cao. Để hiểu rõ hơn về vấn đề này, hãy cùng Vietnix tham khảo nội dung bài viết sau đây.
Tại sao nên hiển thị bài viết có bình luận nhiều nhất trên WordPress?
Hiển thị những bài viết nhận được nhiều bình luận trên WordPress có nhiều lợi ích. Giúp khuyến khích người đọc mới tham gia thảo luận và trải nghiệm thêm trên trang web. Đồng thời, điều này cũng tạo social proof cho website. Khi khách truy cập ở lại trên website lâu hơn, bạn có thể thuyết phục họ đọc một bài viết khác, tham gia danh sách email hoặc thực hiện một giao dịch mua hàng.
2 cách hiển thị bài viết có nhiều bình luận nhất trên WordPress
1. Cách hiển thị các bài viết được bình luận nhiều nhất bằng plugin trong WordPress
Để hiển thị các bài viết phổ biến trên WordPress, bạn có thể sử dụng nhiều plugin khác nhau, nhưng MonsterInsights là một trong những cách đơn giản nhất. Với plugin này, bạn có thể dễ dàng hiển thị những bài viết nhận được nhiều bình luận nhất trên trang web của mình.
Để bắt đầu, hãy cài đặt và kích hoạt plugin MonsterInsights, sau đó truy cập vào mục Insights > Popular Posts và chọn ‘Popular Posts Widget‘ để thiết lập và hiển thị các bài viết phổ biến.
Trên màn hình này, bạn có thể điều chỉnh giao diện của các bài viết nhận được nhiều bình luận. Chọn ‘Theme‘ bạn muốn sử dụng cho các bài viết nhận được nhiều bình luận. Theme sẽ điều khiển thiết kế tổng thể của widget hiển thị các bài viết này. Bạn cũng có thể tùy chỉnh định dạng hiển thị của các bài viết nhận được nhiều bình luận, như ‘Wide‘ dưới nội dung hoặc ‘Narrow‘ bên phải nội dung, thông qua tùy chọn ‘Theme Preview‘.
Sau đó, bạn có nhiều tùy chọn để tùy chỉnh thiết kế theo ý muốn. Chẳng hạn như bạn có thể thay đổi kích thước và màu sắc của tiêu đề, biểu tượng và nền để tạo ra một giao diện hấp dẫn hơn.
MonsterInsights sẽ tự động lưu lại mọi thay đổi bạn thực hiện trong cài đặt hiển thị của các bài viết nhận được nhiều bình luận. Sau khi bạn đã tùy chỉnh hoàn thiện giao diện của các bài viết đã được bình luận, bây giờ là lúc hiển thị những bài viết phổ biến dựa trên số lượng bình luận. Trong phần ‘Sort By‘, chỉ cần chọn button ‘Comments‘ để sắp xếp các bài viết theo thứ tự tương ứng.
Tiếp theo, bạn có thể cuộn xuống và xem thêm các tùy chọn để bao gồm và loại trừ các bài viết. Ngoài ra, còn có một tùy chọn để bao gồm bài viết từ các danh mục cụ thể trong widget bài viết phổ biến.
MonsterInsights sẽ tự động hiển thị các bài viết nhận được nhiều bình luận. Bạn có một số tùy chọn khác nhau để thêm bài viết phổ biến vào WordPress. Bạn có thể chọn đặt theo cách thủ công hoặc tự động. Nếu chọn đặt theo cách ‘Automatic‘, plugin sẽ thêm các bài viết nhận được nhiều bình luận ngay sau đoạn văn cuối cùng trong bài viết trên blog.
Tùy chọn khác là hiển thị các bài viết nhận được nhiều bình luận theo cách thủ công. Nếu chọn tùy chọn ‘Manual‘, bạn có thể thêm widget bài viết phổ biến bằng cách sử dụng block Gutenberg hoặc shortcode.
Để làm điều này, mở trang hoặc bài viết mà bạn muốn hiển thị các bài viết nhận được nhiều bình luận. Sau đó, trong trình biên tập nội dung, chỉ cần nhấp vào biểu tượng ‘+‘ và chọn block ‘Popular Posts‘.
Hành động này sẽ tự động thêm các bài viết nhận được nhiều bình luận nhất của bạn vào trang hiện tại. Đừng quên nhấn ‘Update‘ hoặc ‘Publish‘ để áp dụng những thay đổi của bạn và hiển thị nội dung mới.
Bây giờ khi người dùng truy cập vào trang, họ sẽ thấy các bài viết nhận được nhiều bình luận được hiển thị. Hãy truy cập vào trang web để xem các bài viết phổ biến nhất với những bình luận thú vị.
Ngoài nội dung trong bài, bạn có thể tham khảo:
2. Cách hiển thị bài viết được bình luận nhiều nhất bằng code
Phương pháp thứ hai là thêm code vào WordPress. Tuy nhiên, cách này có nhược điểm, việc thêm code có thể gây lỗi và chỉ phù hợp cho người dùng có kinh nghiệm. Code không tối ưu cho hiệu suất như plugin MonsterInsights, có thể làm chậm trang web và gây tải nặng cho server. Mặc dù vậy, hãy xem cách hiển thị các bài viết nhận được nhiều bình luận nhất trong WordPress mà không cần sử dụng plugin.
Thêm code snippet vào file functions.php
Để thêm code vào file functions.php, bạn có thể sử dụng plugin WPCode – Công cụ an toàn và hiệu quả nhất cho việc thêm code tùy chỉnh vào trang web WordPress. Đầu tiên là cài đặt và kích hoạt plugin WPCode. Sau đó, từ trang quản lý WordPress, truy cập vào Code Snippets > Add Snippet và chọn ‘Add Your Custom Code (New Snippet)‘ để thêm code vào.
Tiếp theo, đặt tên cho đoạn code ở đầu trang. Bây giờ, chỉ cần sao chép và dán code này vào ô ‘Code Preview‘:
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');
Sau đó, nhấp vào menu ‘Code Type‘ và chọn tùy chọn ‘PHP Snippet‘.
Sau đó, nhấp vào công tắc để kích hoạt code và nhấn button ‘Save Snippet‘ để lưu lại. Code này sẽ thực hiện một truy vấn cơ sở dữ liệu và lấy 10 bài viết có số bình luận cao nhất. Sau đó, sử dụng output buffering để tạo một shortcode hiển thị các bài viết. Để hiển thị các bài viết phổ biến, chỉ cần thêm shortcode [wpb_most_commented]
vào trang web WordPress.
[wpb_most_commented]
Nếu muốn thêm thumbnail bên cạnh tiêu đề bài viết, hãy thêm dòng code ngay sau tag <li> trong code ở trên:
<?php the_post_thumbnail(array(40,40)); ?>
Code này sẽ định kích thước tùy chỉnh cho hình ảnh thumbnail của bài viết theo nhu cầu của bạn.
Tạo kiểu cho bài viết được bình luận nhiều nhất bằng CSS
Sau khi hoàn thành, bạn có thể tùy chỉnh cách hiển thị các bài viết có số bình luận cao nhất. Để làm điều này, bạn có thể chỉnh sửa các lớp CSS .most-commented
và .wpb-comment-count
trong file stylesheet của theme WordPress.
Dưới đây là một ví dụ về CSS để bạn có thể bắt đầu:
.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;
}
Để thêm CSS vào file stylesheet của theme website, bạn có thể sử dụng WPCode. Chỉ cần vào Code Snippets > Add Snippet từ trang quản lý WordPress và chọn tùy chọn ‘Add Your Custom Code (New Snippet)‘ để thêm code.
Tiếp theo, nhập mã CSS vào phần Code Preview và đặt tiêu đề cho đoạn code. Nhấp vào menu ‘Code Type‘ và chọn ‘CSS Snippet‘.
Khi hoàn thành, đừng quên chuyển công tắc sang trạng thái ‘Active‘ và sau đó nhấp vào button ‘Save Snippet‘ ở đầu trang. Ngoài các cách hiển thị bài viết có nhiều bình luận nhất trên WordPress, có thể bạn quan tâm:
Lời kết
Vietnix hy vọng bài viết này giúp bạn hiển thị bài viết có nhiều bình luận nhất trên WordPress. Ngoài nội dung trên, bạn cũng có thể tham khảo thêm các bài viết khác tại Vietnix như cách hiển thị các bài đăng gần đây trong WordPress hoặc 2 cách làm nổi bật bài viết mới trong WordPress đơn giản, nhằm tối ưu website hiệu quả hơn. Chúc bạn thành công!