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 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ế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!
- Tầm Quan Trọng của Thiết Kế Website Chuẩn SEO Đối với Doanh Nghiệp
- Thiết Kế Website Tại Nghệ An: Tối Ưu Hóa SEO và Nâng Cấp Chuyên Nghiệp
- 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
- Tầm quan trọng của Website trong Chiến lược Kinh doanh Hiện Đại và Top 10 Công Ty Thiết Kế Website Uy Tín tại Việt Nam
- Dịch Vụ Thiết Kế Website Chuyên Nghiệp Tại Lai Châu