Cách thêm bài viết liên quan trong WordPress mà không cần sử dụng Plugin

Cách thêm bài viết liên quan trong WordPress mà không cần sử dụng Plugin_Trong bài viết này, chúng tôi sẽ thảo luận về các bài viết liên quan trong WordPress. Làm cách nào để hiển thị chúng mà không cần plugin và tại sao Bài viết liên quan lại quan trọng. Nhiều người sử dụng nó, nhưng một vài người trong số họ chỉ sử dụng chúng vì những người khác cũng làm như vậy. Họ không biết lý do của nó, tại sao nó lại giúp ích và những điều quan trọng khác.

Tại sao các bài viết liên quan quan trọng đối với một trang web hoặc Blog

Bài viết liên quan,  hiển thị liên hệ liên quan đến bài viết cụ thể bạn đang xem. Và bằng cách sử dụng các bài đăng liên quan để hiển thị nội dung tương tự, khách có khả năng quan tâm đến một bài viết khác đã được hiển thị ở đó. Điều này có nghĩa là họ ở lại nhiều hơn trên web của bạn, điều này làm giảm tỷ lệ thoát. (Bạn có thể sử dụng Google Analytics để kiểm tra tỷ lệ thoát).

Cách thêm bài viết liên quan trong WordPress mà không cần Plugin

Nếu muốn thêm chức năng vào web WordPress của bạn, bạn cần phải có một chút kỹ năng mã hóa. Chúng tôi cung cấp tới bạn hướng dẫn về cách thực hiện từng bước. Nhưng bạn cần biết làm thế nào để truy cập tập tin chủ đề của bạn. (Đường dẫn mặc định là: www.example.com/wp-contant/theme/mytheme).

Sau khi bạn tìm thấy thư mục chủ đề của mình, hãy tìm kiếm hàm.php và tạo bản sao lưu của nó. Sau đó mở nó lên. Đây là tệp chứa mọi chức năng tùy chỉnh được sử dụng bởi chủ đề của bạn. Điều đầu tiên chúng ta cần làm là tạo chức năng của chúng tôi. Vì vậy, cuộn xuống dưới cùng của tập tin và thêm vào như sau:

  1. function my_related_posts ( ) {
  2. }

Đây  là chức năng  sẽ hiển thị nội dung liên quan tới từng bài đăng khi ai đó xem nó. Sau này, chúng ta cần thêm một số đối số. Các đối số được sử dụng để cho hàm biết những gì chúng ta muốn giống nhau trong các bài viết liên quan và trong bài viết hiện tại. Để làm điều này, chúng tôi thêm biến gọi là $ arg.Trong biến này, chúng tôi lưu trữ hai thứ. Thứ nhất có bao nhiêu bài viết chúng tôi muốn hiển thị và thứ hai là các điều kiện để các bài viết được hiển thị. Thêm vào những biến này trong chức năng:

  1. $args = array(
  2. ‘posts_per_page’ => 5,
  3. ‘post_in’ => get_the_tag_list()
  4. );

Bước tiếp là tạo một biến khác, được gọi là $ the_query. ( Tham khảo lớp / Truy vấn WP ) Biến này được WordPress sử dụng để hiển thị bài đăng. Chúng tôi sử dụng đoạn mã sau để thêm các đối số của chúng tôi vào nó:

  • $ the_query = new WP_Query ( $ args ) ;

Bây giờ những gì chúng ta cần làm là thực sự hiển thị các bài viết. Để làm điều này, chúng tôi sử dụng một vòng lặp while trông giống như sau:

  1. echo ‘
  2. ‘;
  3. while ( $the_query->have_posts() ) : $the_query->the_post();
  4. ?>
  5. < ?php the_title(); ?>
  6. < ?php
  7. endwhile;
  8. echo ‘
  9. ‘;

Mã ở trên sẽ hiển thị mỗi bài đăng liên quan dưới dạng thẻ neo (liên kết). Bước tốt là đặt lại truy vấn. Thêm đoạn mã sau để làm điều này:

  • wp_reset_postdata ( ) ;

Mã cuối cùng của bạn sẽ trông như sau:

  1. function my_related_posts() {
  2. $args = array(
  3. ‘posts_per_page’ => 5,
  4. ‘post_in’ => the_tags()
  5. );
  6. echo ‘
  7. ‘;
  8. while ( $the_query->have_posts() ) : $the_query->the_post();
  9. ?>
  10. < ?php the_title(); ?>
  11. < ?php
  12. endwhile;
  13. echo ‘
  14. ‘;
  15. wp_reset_postdata();
  16. }

Sử dụng mã sau đây để hiển thị các bài đăng mà bạn muốn:

  • my_related_posts ( )

Nếu bạn đang sử dụng Genesis Framework đã sử dụng đoạn mã sau:

  • add_action ( ‘genesis_after_content’ , ‘my_related_posts’ ) ;

Thêm một số kiểu vào danh sách

Mã ở trên sẽ chỉ hiển thị một danh sách đơn giản. Nhưng nó không đẹp lắm phải không? Vậy tại sao chúng ta không thêm một số phong cách cho nó. Giống như một hình thu nhỏ hoặc dữ liệu khi bài viết được viết, hoặc nó thuộc thể loại nào. Để làm điều này, chúng ta cần thêm một số mã bổ sung vào mã của chúng tôi.

Để hiển thị Bài viết liên quan trước danh sách, hãy thêm đoạn mã sau vào echo ‘<ul>’;

  1. echo ‘
  2. Related Posts
  3. ‘;

Vì vậy, mã của bạn sẽ trông như thế này:

  1. while ( $ the_query – > have_posts ( ) ) : $ the_query – > the_post ( ) ;
  2. ?>
  3. < ? php if ( has_post_thumbnail ( ) ) { ?>
  4. < ? php the_post_thumbnail ( ) ; ?>
  5. < ? php } ?>
  6. < ? php the_title ( ) ; ?>
  7. < ?
  8. endwhile ;

Màn hình thời trang

Nếu bạn muốn hiển thị bài đăng dạng hình thu nhỏ với tiêu đề bên dưới nó gần nhau, như trên ảnh, hãy sử dụng các mã dưới đây:

Mã chức năng:

  • function ll_related_posts() {
  • $args = array(
  • ‘posts_per_page’ => 5,
  • ‘post_in’ => get_the_tag_list(),
  • );
  • $the_query = new WP_Query( $args );
  • echo ‘
  • ‘;
  • echo ‘
  • Related Posts
  • ‘;
  • while ( $the_query->have_posts() ) : $the_query->the_post();
  • ?>
  • < ?php if ( has_post_thumbnail() ) { ?>
  • < ?php the_post_thumbnail( ‘related-post’ ); ?>
  • < ?php } else { ?>
  • < ?php } ?>
  • < ?php the_title(); ?>
  • < ?php
  • endwhile;
  • echo ‘
  • ‘;
  • wp_reset_postdata();
  • }

CSS

  • function ll_related_posts() {
  • $args = array(
  • ‘posts_per_page’ => 5,
  • ‘post_in’ => get_the_tag_list(),
  • );
  • $the_query = new WP_Query( $args );
  • echo ‘
  • ‘;
  • echo ‘
  • Related Posts
  • ‘;
  • while ( $the_query->have_posts() ) : $the_query->the_post();
  • ?>
  • < ?php if ( has_post_thumbnail() ) { ?>
  • < ?php the_post_thumbnail( ‘related-post’ ); ?>
  • < ?php } else { ?>
  • < ?php } ?>
  • < ?php the_title(); ?>
  • < ?php
  • endwhile;
  • echo ‘
  • ‘;
  • wp_reset_postdata();
  • }

Xem thêm: Tạo Website

Phần kết luận

Trong bài viết này, chúng tôi đã trình bày cho bạn cách hiển thị các bài đăng liên quan trong WordPress mà không cần plugin và tại sao nó quan trọng. Nếu bạn có bất kỳ câu hỏi nào, vui lòng hãy hỏi trong phần bình luận bên dưới.

Viết một bình luận

1 Shares
Share
Tweet
Pin1