Hướng dẫn Bài Viết (Post) chỉ hiện một phần khi mở WordPress

Nếu bạn cũng muốn làm như vậy đây là cách chúng tôi hướng dẫn: 

✅ CÁCH 1: Dùng Gutenberg (Editor mặc định)

👉 Mục tiêu: Hiện phần đầu bài viết, ẩn phần sau, khi click “XEM THÊM” mới hiển thị hết.

🔧 Cách làm:

1. Vào bài viết → Dùng block “Group” hoặc “Details” (nếu có).

2. Hoặc dùng HTML Block, chèn mã sau:

<div>
<p>🌟 Đây là đoạn nội dung đầu tiên của bài viết. Nó luôn hiển thị.</p>
<details>
<summary style=”cursor: pointer; font-weight: bold; color: #0073aa;”>👉 XEM THÊM</summary>
<p>🔽 Đây là phần nội dung sẽ được mở ra khi click “XEM THÊM”.</p>
<p>Bạn có thể thêm bất kỳ đoạn văn, hình ảnh hay video nào vào đây.</p>
</details>
</div>

✅ Ưu điểm:

• Không cần plugin.

• Tương thích tốt với mọi giao diện hiện đại.

• Có thể dùng nhiều lần trong bài viết.

Tóm gọn bạn chỉ cần chuyển sang chế độ CODE của bài Post và bọc nội dung cần Xem thêm trong thẻ <details></details>

✅ CÁCH 2: Dùng Plugin (nếu bạn cần hiệu ứng mượt hơn, nhiều tùy chỉnh)

🔧 Plugin gợi ý:

• Collapse-O-Matic (rất nhẹ, hiệu ứng đẹp)

  • Link Plugin

🔧 Cách dùng:

1. Cài plugin Collapse-O-Matic → Kích hoạt.

2. Trong bài viết, dán shortcode như sau:

Bạn có thể dùng nhiều lần để tạo nhiều đoạn “XEM THÊM”.

✅ CÁCH 3: Dùng Elementor (nếu bạn thiết kế bằng kéo-thả)

1. Dùng widget Toggle hoặc Accordion để chèn nội dung.

2. Đặt tiêu đề là “👉 XEM THÊM”

3. Nội dung chi tiết đặt trong phần ẩn.

4. Có thể chỉnh hiệu ứng mượt hơn ở phần nâng cao.

📌 Lưu ý SEO

• Tất cả nội dung (kể cả phần ẩn) vẫn được Google đọc và index.

• Nên đặt phần chính (giới thiệu từ khóa, đoạn dẫn) ở trên để giữ người đọc.

Dưới đây là một số cách làm Nội dung Website chỉ hiển thị một phần. Bạn có thể tham khảo rồi làm theo nhé