Chèn Bài Viết Liên Quan Vào Giữa Nội Dung Bài Viết Chuẩn Seo

Chèn code bài viết liên quan vào giữa nội dung của bài viết đang được nhiều anh em coder quan tâm. Sự tiện ích này giúp hỗ trợ khi triển khai dịch vụ seo website của khách hàng được tốt hơn.

Tính ổn định, tương tác và đẹp mắt với Google. Bởi vậy, ngày hôm nay mình xin được viết bài hướng dẫn này để những anh em nào chưa biết có thể áp dụng.

Lưu ý: Bài này mình hướng dẫn kết hợp với Plugin nhé. Trước kia đã có 1 bài hướng dẫn chỉ sử dụng chèn code thông thường.

Phần 1: Cài đặt plugin Related Posts By Taxonomy

Mặc dù bài này có sử dụng plugin nhưng thông qua đó để hỗ trợ giảm tải một số bước. Nếu các bạn không muốn cài thì có thể tham khảo bài viết “chèn code bài viết liên quan dùng code thuần” nhé.

Mục đich của việc cài plugin là để chúng ta có thể sử dụng shortcode chèn thẳng vào file functions.php cho nhanh.

Ngoài ra, sẽ tận dụng để nhanh các bài viết liên quan vào widget ở Sidebar, Footer và nhiều các vị trí khác mà chúng ta có thể tạo ra thêm.

Bước 1: Cài plugin Related Post By Taxonomy bằng cách theo đường dẫn: Gói Mở Rộng -> Cài Mới -> Gõ ô tìm kiếm “Related Post”.

Bước 2: Bấm cài đặt và kích hoạt plugin.

Bước 3: Ngồi chơi..hehe nói vui vậy thôi chứ cài như thế là chúng ta đã xong phần 1 rồi. Đây là giai đoạn chuẩn bị. Hãy vào Widget Sidebar để thấy chức năng nhé. Trong đó các bạn để ý sẽ thấy: Post type (kiểu định dạng hiển thị post, page hoặc cả hai); Display (kiểu hiển thị có ảnh, không có ảnh hoặc chỉ có tóm tắt,…); Image Display (ảnh đại diện),…

Phần 2: Chèn bài viết liên quan vào giữa nội dung

Bước 1: Chèn code đếm số dòng văn bản trong bài viết

Để tất cả các bài viết đều có thể hiển thị khoảng cách đều nhau thì phải đếm số dòng trước khi chúng ta chèn shortcode hiển thị bài viết liên quan.

Trong cách đếm thì mỗi lần chúng ta nhấn phím Enter để xuống dòng thì đoạn đó được gán vào cặp thẻ <p>…</p>. Trong đoạn code này ta có hàm count_paragraph sẽ giúp xác định cặp thẻ này.

Bước 2: Tạo code chưa hàm count_paragraph

Copy đoạn code sau và dán vào file funtions.php

// Code đếm số dòng trong văn bản
function count_paragraph( $insertion, $paragraph_id, $content ) {
        $closing_p = '

';
        $paragraphs = explode( $closing_p, $content );
        foreach ($paragraphs as $index =&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; $paragraph) {
                if ( trim( $paragraph ) ) {
                        $paragraphs[$index] .= $closing_p;
                }
                if ( $paragraph_id == $index + 1 ) {
                        $paragraphs[$index] .= $insertion;
                }
        }
 
        return implode( '', $paragraphs );
}

Bước 3: Chèn code bài viết liên quan vào giữa nội dung
Nhiệm vụ tiếp theo của chúng ta là chèn các đoạn code chứa hàm count_panagraph vừa tạo vào file funtions.php ngay dưới đoạn code tạo hàm.

//Chèn bài liên quan vào giữa nội dung
 
add_filter( 'the_content', 'prefix_insert_post_ads' );
 
function prefix_insert_post_ads( $content ) {
 
        $related_posts= "
<div class='meta-related'>".do_shortcode('')."</div>

";
 
        if ( is_single() ) {
                return count_paragraph( $related_posts, 1, $content );
        }
 
        return $content;
}

Phần 3: Thêm Css cho đoạn bài viết liên quan

Làm gì cũng thế, chúng ta sau khi chèn code xong đều muốn làm đẹp. Ở phần 3 này, các bạn có thể CSS lại để phù hợp với website của chính mình, đồng thời phối màu tốt hơn với toàn bộ trang website.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *