Hiển thị bài viết liên quan bằng Init Live Search

Bạn muốn hiển thị danh sách bài viết liên quan trên WordPress mà không làm chậm trang, không dùng JavaScript hay REST API? Plugin Init Live Search cung cấp một shortcode mới, cho phép bạn chèn danh sách bài viết liên quan dưới dạng HTML tĩnh, chuẩn SEO và cực kỳ nhanh. Bài viết này sẽ hướng dẫn bạn sử dụng shortcode này một cách chi tiết, tùy biến giao diện, và tích hợp dễ dàng với mọi theme hoặc page builder.

Hiển thị bài viết liên quan bằng Init Live Search

1. Tổng quan

Shortcode [init_live_search_related_posts] sử dụng hệ thống tìm kiếm nội bộ của Init Live Search để tìm ra các bài viết có nội dung liên quan, dựa trên tiêu đề hoặc từ khóa tùy chọn. Kết quả được render sẵn dưới dạng HTML tĩnh, có hỗ trợ schema JSON-LD, không cần tương tác với JavaScript hoặc REST API.

  • Không phụ thuộc JS hoặc frontend framework
  • Không dùng truy vấn AJAX hay REST – mọi thứ xử lý trước khi render
  • Thân thiện với SEO và cache – hiển thị trực tiếp trên HTML
  • Có thể override template và tắt CSS mặc định
  • Hỗ trợ nhiều giao diện hiển thị qua tham số template

2. Cách sử dụng shortcode

Chỉ cần chèn shortcode sau vào bài viết, trang, widget hoặc template:

[init_live_search_related_posts]

Shortcode sẽ tự động lấy tiêu đề của bài viết hiện tại làm từ khóa để tìm bài viết liên quan.

Các thuộc tính hỗ trợ:

  • id: ID bài viết dùng làm gốc để tìm liên quan (mặc định: bài viết hiện tại)
  • count: Số lượng bài viết liên quan hiển thị (mặc định: 5)
  • keyword: Từ khóa thay thế để tìm bài liên quan (mặc định: tiêu đề bài viết)
  • post_type: Giới hạn kết quả theo một hoặc nhiều loại bài viết (ví dụ: post, post,page)
  • template: Giao diện hiển thị. Các giá trị hỗ trợ:
    • default: Dạng hàng ngang — ảnh bên trái, tiêu đề bên phải (mặc định)
    • grid: Lưới responsive với ảnh lớn
    • classic: Phong cách blog — tiêu đề và đoạn trích
    • compact: Danh sách văn bản đơn giản
    • thumbright: Tiêu đề + ngày đăng, ảnh thu nhỏ bên phải
  • css: 1 hoặc 0 — bật/tắt CSS mặc định (mặc định: 1)
  • schema: 1 hoặc 0 — bật/tắt schema JSON-LD (mặc định: 1)

3. Ví dụ sử dụng nâng cao

[init_live_search_related_posts count="8" keyword="SEO tips" template="grid" css="0" schema="0"]

Đoạn shortcode trên sẽ hiển thị 8 bài viết liên quan đến “SEO tips” với giao diện dạng lưới, không nạp CSS mặc định và không xuất schema JSON-LD.

4. Tùy biến giao diện (template override)

Plugin cho phép bạn ghi đè giao diện HTML bằng cách tạo file related-posts-{template}.php trong thư mục theme:

your-theme/init-live-search/related-posts-grid.php

Chỉ cần đặt đúng tên file, plugin sẽ tự động sử dụng giao diện đó. Nếu không tìm thấy, sẽ fallback về template mặc định.

5. Tích hợp với theme builder / block / widget

Do shortcode hoạt động hoàn toàn độc lập, bạn có thể chèn vào bất kỳ nơi nào hỗ trợ shortcode, bao gồm:

  • Khối “Shortcode” trong Gutenberg
  • Widget HTML / Text
  • Elementor, Bricks, Oxygen, hoặc bất kỳ page builder nào
  • PHP template qua do_shortcode()

6. So sánh với plugin Related Posts khác

Tiêu chí Init Live Search YARPP / Contextual Related Posts
Không dùng JS Không
Không cần DB query riêng Không
Hiệu suất cao Rất cao Trung bình
Hỗ trợ template override
Schema JSON-LD Không
Hỗ trợ tìm theo tiêu đề thông minh Không

7. Kết luận

[init_live_search_related_posts] là một trong những shortcode mạnh mẽ và nhẹ nhất để hiển thị bài viết liên quan trên WordPress. Không cần JavaScript, không cần REST, hoàn toàn tương thích với các hệ thống cache tĩnh và có thể tùy biến sâu qua template override. Nếu bạn đang dùng Init Live Search, đây là công cụ không thể thiếu để tăng thời gian onsite và giữ người dùng ở lại lâu hơn.

Bình luận


  • Không có bình luận.

Init Toolbox

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...