Để tạo mục lục tự động trên website WordPress bằng plugin Easy Table of Contents, bạn có thể làm theo các bước sau:
🔧 Bước 1: Cài đặt Plugin
- Vào Dashboard WordPress → Chọn Plugins → Add New.
- Gõ “Easy Table of Contents” vào thanh tìm kiếm.
- Nhấn Install Now → Sau khi cài đặt xong, chọn Activate.
⚙️ Bước 2: Cấu hình Mục lục
- Vào Settings → Table of Contents.
- Tại tab General:
- Enable Support: Chọn các loại bài viết bạn muốn hiển thị mục lục (Posts, Pages, Custom Post Types).
- Auto Insert: Chọn nơi tự động chèn mục lục (ví dụ: bài viết, trang).
- Position: Chọn vị trí hiển thị (Trên cùng, Dưới cùng, Trước tiêu đề đầu tiên…).
- Tại tab Appearance:
- Width: Chọn độ rộng của mục lục.
- Title: Đổi tên tiêu đề mục lục (ví dụ: “Mục lục” hoặc “Nội dung bài viết”).
- Theme: Chọn giao diện (Grey, Light Blue, White…).
- Tại tab Advanced:
- Heading Levels: Chọn các thẻ tiêu đề bạn muốn hiển thị trong mục lục (H1, H2, H3…).
- Smooth Scroll: Bật hiệu ứng cuộn mượt.
- Hierarchical View: Hiển thị dạng phân cấp.
🏷️ Bước 3: Chèn mục lục thủ công (nếu cần)
Nếu không muốn chèn tự động, bạn có thể thêm shortcode vào bất kỳ nơi nào bạn muốn hiển thị mục lục:
[ez-toc]📝 Bước 4: Tùy chỉnh CSS (Tùy chọn)
Nếu muốn thiết kế mục lục theo phong cách riêng, vào Appearance → Customize → Additional CSS và thêm đoạn mã tùy chỉnh. Ví dụ:
#ez-toc-container {
background-color: #f0f8ff;
border: 1px solid #007bff;
padding: 15px;
border-radius: 10px;
}
✅ Bước 5: Kiểm tra và hoàn thiện
- Vào một bài viết và kiểm tra xem mục lục đã hiển thị đúng chưa.
- Chỉnh sửa lại trong phần Settings nếu cần.


Bài Viết Liên Quan
WordPress 7.0: Bước Chuyển Mình Lớn Nhất Trong Nhiều Năm Khi AI Chính Thức Trở Thành Một Phần Của Nền Tảng
So sánh Avada, Flatsome, Porto, WoodMart, BeTheme khi kết hợp WooCommerce
Flatsome không chỉ dành cho bán hàng: Lựa chọn mạnh mẽ cho blog và website tin tức
CyberPanel là gì Vì sao đây là control panel miễn phí đáng dùng nhất cho PHP
BeTheme là gì? Vì sao BeTheme luôn nằm trong top theme WordPress được sử dụng nhiều nhất?
Avada – Vì sao vẫn là theme WordPress được sử dụng nhiều nhất thế giới?
Bài Viết Cùng thể loại
Hướng Dẫn Lựa Chọn Hosting Và VPS Cho WordPress, WooCommerce Theo Từng Quy Mô Website
WordPress 7.0: Bước Chuyển Mình Lớn Nhất Trong Nhiều Năm Khi AI Chính Thức Trở Thành Một Phần Của Nền Tảng
So sánh Avada, Flatsome, Porto, WoodMart, BeTheme khi kết hợp WooCommerce
Flatsome không chỉ dành cho bán hàng: Lựa chọn mạnh mẽ cho blog và website tin tức
BeTheme là gì? Vì sao BeTheme luôn nằm trong top theme WordPress được sử dụng nhiều nhất?
Avada – Vì sao vẫn là theme WordPress được sử dụng nhiều nhất thế giới?