Hiển thị bài viết cùng chuyên mục trong wordpress theme -Có nhiều cách để hiển thị bài viết cùng chuyên mục trong wordpress, bạn có thể cài plguin, sử dụng các theme có hỗ trợ trong wordpress. Ở đây mình sẽ chỉ các bạn cách viết code để hiển thị bài viết liên quan bằng cách viết code trực tiếp vào trong theme nhé. Sau này mình sẽ có bài hướng dẫn các bạn viết plugin và tạo short code để sử dụng trong wordpress.
Hiển thị bài viết cùng chuyên mục trong wordpress theme
1. Mở file singe.php trong thư mục theme của bạn và thêm đoạn code sau
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<?php /* * Code hiển thị bài viết liên quan trong cùng 1 category */ // Lấy danh sách các category của bài viết hiện tại $categories = get_the_category(get_the_ID()); if ($categories) { // In khối bài viết liên quan echo '<div class="relatedcat">'; // Chuẩn bị danh sách ID của các category $category_ids = array(); foreach ($categories as $individual_category) { $category_ids[] = $individual_category->term_id; } // Thiết lập các đối số cho WP_Query $args = array( 'category__in' => $category_ids, 'post__not_in' => array(get_the_ID()), 'posts_per_page' => 5, // Số bài viết được hiển thị ); // Tạo đối tượng WP_Query mới $my_query = new wp_query($args); if ($my_query->have_posts()) { // In tiêu đề của khối bài viết liên quan echo '<h3>Các tin khác</h3><ul>'; // Lặp qua danh sách bài viết liên quan while ($my_query->have_posts()) : $my_query->the_post(); ?> <li> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"> <?php the_title(); ?> </a> </li> <?php endwhile; // Kết thúc danh sách bài viết echo '</ul>'; } // Đặt lại dữ liệu query wp_reset_query(); // Kết thúc khối bài viết liên quan echo '</div>'; } ?> |
2. Style lại cho đẹp, bạn thêm đoạn code css sau vào file css của theme
1 2 3 4 5 6 7 8 9 |
/*Bài cùng chuyên mục */ .relatedcat h3 { text-transform: uppercase; border-bottom: 1px solid; width: 135px; } .relatedcat ul { margin-left: 20px; } |
3. Cách sử dụng
Khi đăng hoặc viết bài bạn nhớ chọn chuyên mục (category) nằm bên phía tay phải của giao diện đăng bài trong wp-admin
Với mỗi bài viết liên quan đến một vấn đề nào đó thì bạn nhớ thêm cho chúng có chung cái thẻ(tag) này, thì khi bạn đọc bài viết nó sẽ hiển thị các bài viết có liên quan đến nhau tại vị trí mà bạn muốn.
và kết quả nhé
Pingback: Hiển thị các bài viết liên quan cùng TAG trong wordpress