Cách chèn bài viết liên quan vào giữa Wordpress 1

Cách chèn bài viết liên quan vào giữa WordPress

[Thủ thuật WordPress] Hướng dẫn chèn bài viết liên quan vào giữa Wordpress – Tùy biến mã nguồn WordPress theo yêu cầu của cá nhân là điều không phải ai cũng thực hiện được nếu bạn là người không am hiểu nhiều về mã nguồn hay một chút kỹ năng lập trình Website. Bản thân tôi cũng không rành lắm về mã lệnh tuy nhiên tôi biết cách sử dụng và tùy biến một số chức năng đơn giản để tạo Website theo phong cách riêng. Để tùy biến cấu trúc Website đòi hỏi bạn phải biết các thành phần chính trong mã nguồn mà bạn đang sử dụng từ đó bạn có thể biết được cách can thiệp vào những tập tin nào để tạo ra được kết quả theo nhu cầu của chính bạn!

Trong bài viết trước về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo bài viết ngẫu nhiên trong wordpress dùng code đơn giản giúp bạn có thể hiển thị các bài viết ngẫu nhiên mà không cần sử dụng đến Plugin tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách chèn bài viết liên quan vào giữa WordPress!

Hướng dẫn chèn bài viết liên quan vào giữa Wordpress

Bạn có để ý rằng khi truy cập vào một số trang báo bạn nhìn thấy hiển thị các bài viết liên quan đến bài viết ở ngay đầu hoặc giữa bài viết! Vậy trong mã nguồn WordPress để hiển thị được các bài viết dạng đó thì phải thực hiện như thế nào? Hãy cùng blog thủ thuật tìm hiểu cách chèn bài viết liên quan vào giữa Wordpress. Để đơn giản cho việc hiển thị bài viết liên quan trong WordPress đầu tiên bạn hãy tải Plugin Related Posts by Taxonomy Plugin  về máy sau đó cài đặt và Kích hoạt Plugin để sử dụng (bạn có thể tham khảo bài viết hướng dẫn cài đặt Plugin trong mã nguồn WordPress với các phương pháp)

Bài viết liên quan giữa bài viết WP

Sau khi Plugin được kích hoạt lúc này còn lại bạn hãy sao chép đoạn mã bên dưới và dán vào trước thẻ đóng ?> trong tập tin functions.php của giao diện bạn đang dùng là được

// Code đếm số dòng trong văn bản function count_paragraph( $insertion, $paragraph_id, $content ) { $closing_p = '</p>'; $paragraphs = explode( $closing_p, $content ); foreach ($paragraphs as $index => $paragraph) { if ( trim( $paragraph ) ) { $paragraphs[$index] .= $closing_p; } if ( $paragraph_id == $index + 1 ) { $paragraphs[$index] .= $insertion; } } return implode( '', $paragraphs ); } //Chèn bài liên quan vào giữa nội dung add_filter( 'the_content', 'prefix_insert_post_ads' ); functionprefix_insert_post_ads( $content) { $related_posts= do_shortcode('[related_posts_by_tax title=""]'); if( is_single() ) { returncount_paragraph( $related_posts, 1, $content); } return$content; }

Cuối cùng hãy lưu lại tập tin functions.php và bạn sẽ thấy kết quả như sau

Cách chèn bài viết liên quan vào giữa Wordpress 2

Để hiển thị hình ảnh đại diện bạn có thể thay câu lệnh này

$related_posts= do_shortcode('[related_posts_by_tax title=""]');

bằng câu lệnh này là được

$related_posts= do_shortcode('[related_posts_by_tax format="thumbnails" image_size="medium"]');

Nếu muốn hiển thị bài viết liên quan theo phong cách riêng của Website của bạn hãy thực hiện thay đổi như sau. Hãy thay thế đoạn lệnh này

$related_posts= do_shortcode('[related_posts_by_tax title=""]');

bằng đoạn lệnh này

$related_posts= "<div class='meta-related'>".do_shortcode('[related_posts_by_tax title=""]')."</div>";

Sau đó bạn hãy vào tập tin “Style.CSS” của giao diện đang sử dụng và dán đoạn mã sau vào cuối

meta-related { font-size: 13px; line-height: 1.4em; font-weight: bold; }

Bạn có thể tùy chỉnh CSS theo ý thích nếu bạn muốn. Vậy là bạn đã biết cách chèn bài viết liên quan vào giữa mã nguồn WordPress rồi đấy! quá đơn giản phải không nào?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog  của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Bài viết có ích cho bạn?

Average rating / 5. Vote count:

7 bình luận về “Cách chèn bài viết liên quan vào giữa WordPress”

  1. Cho mình hỏi cách để hiển thị 1 hình ảnh đầu tiên trong post nằm bên trái và nội dung nằm bên phải thì phải code hay co plugin nào không bạn

    Trả lời
    • Chèn trực tiếp luôn vào bài viết khi viết bài mới hả bạn? nếu chèn như vậy bạn chỉ cần cài Plugin như trong bài viết sau đó khi viết bài mới bạn hãy chèn Shortcode [related_posts_by_tax posts_per_page=”10″] trực tiếp tại ví trí bạn muốn xuất hiện là được! lưu ý thay số 10 bằng số khác mà bạn muốn hiển thị số lượng bài viết! Do mình ít check mail nên giờ mới thấy. Nếu bạn bình luận trực tiếp trong blog lúc đó mình sẽ thấy nhanh hơn – Xin lỗi bạn nhé 🙂

      Trả lời

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