Hướng Dẫn Chèn Bài Viết Liên Quan Dựa Trên Plugin Related Posts By Taxonomy Trên WordPress

Mở đầu

Chào các bạn, trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu cách thức để chèn các bài viết liên quan vào giữa nội dung bài viết trên website sử dụng theme Flatsome bằng plugin Related Posts By Taxonomy. Đây là một plugin hữu ích giúp tăng tương tác người dùng và giữ chân độc giả lâu hơn trên website của bạn.

Phần 1: Cài Đặt Plugin Related Posts By Taxonomy

Bước 1: Truy cập vào quản trị WordPress

Trong bảng điều khiển của WordPress, đi tới mục Plugins > Add New và tìm kiếm từ khóa “Related Posts by Taxonomy”.

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

Sau khi tìm thấy plugin, nhấn vào Install Now rồi Activate để plugin sẵn sàng hoạt động.
Cài đặt và kích hoạt plugin Related Posts by TaxonomyCài đặt và kích hoạt plugin Related Posts by Taxonomy

Bước 3: Chèn bài viết liên quan vào widget

Ngay sau khi kích hoạt, bạn có thể thêm bài viết liên quan vào các widget như sidebar hay footer mà không cần cấu hình thêm.

Phần 2: Chèn Bài Viết Liên Quan Giữa Bài Viết

Bước 1: Chèn code đếm số đoạn văn bản

Đoạn code sau giúp đếm số đoạn trong một bài viết. Copy và dán vào file function.php của theme mà bạn đang sử dụng.

// Code đếm số đoạn 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);
}

Bước 2: Thực hiện chèn bài viết liên quan vào giữa nội dung

Đoạn mã sau sử dụng hàm count_paragraph để chèn bài viết vào giữa nội dung bài viết.

// 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('[related_posts_by_tax title=""]') . "</div>";

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

    return $content;
}

Phần 3: CSS cho bài viết liên quan

Để bài viết liên quan nhìn đẹp và hài hòa với thiết kế website, bạn cần thêm CSS. Dưới đây là một ví dụ về CSS cho bài viết liên quan.

.meta-related {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.meta-related ul li {
    list-style: square;
    font-size: 15px;
    margin-bottom: 0px;
}

.meta-related ul li a {
    color: #0092ff;
    text-transform: none;
}

.meta-related ul li a:hover {
    color: #0072c8;
}

Chèn bài viết liên quan vào giữa bài viếtChèn bài viết liên quan vào giữa bài viết

Kết Luận

Với các bước trên, bạn đã có thể chèn thành công bài viết liên quan vào giữa nội dung trên trang của mình. Đây là một cách tuyệt vời để tăng độ tương tác và thời gian lưu trú của người dùng trên website của bạn. Hãy thử nghiệm và tùy chỉnh cho phù hợp với nhu cầu riêng. Chúc bạn thành công!

5/5 - (1 bình chọn)

Để lại một bình luận

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 *