Tạo mục lục tự động cho bài viết trên website dễ dàng

Tạo mục lục tự động cho bài viết giúp người đọc dễ dàng hình dung và tóm tắt được nội dung bài viết. Nó rất giống cách tạo mục lục tự đông trong Word.

Tạo mục lục tự động cho bài viết trên website WordPress
Tạo mục lục tự động cho bài viết trên website WordPress

Tại sao nên tạo mục lục cho bài viết?

Sẽ thật kinh khủng nếu như một bài viết dài mà không có MỤC LỤC (tóm tắt nội dung).
Người đọc sẽ bị lạc vào mê cung, rất có thể học chán và thoát khỏi website.
Như vậy thì không tốt chút nào cho SEO website.

Bạn đã viết bài chuẩn SEO rồi, hãy tạo một mục lục tự động cho bài viết đó.
Giúp người đọc dễ dàng điều hướng và hiểu được nội dung của bạn.

Cách tạo mục lục tự động cho bài viết

Điều đáng mừng là việc tạo mục lục cho bài viết trên website WordPress có thể hoàn toàn tự động.
Tức là bạn chỉ việc viết nội dung còn việc tạo mục lục cứ để plugin lo.

Plugin này mang tên: Table of Contents Plus.
Lưu ý: có nhiều plugin khác có chức năng tương tự.

Cài đặt plugin Table of Contents Plus

Như thường lệ có 2 cách cài đặt chính với một plugin miễn phí.

  • Download file nén .zip về máy và upload lên hosting bằng phần mềm FTP hoặc trình duyệt.
  • Download và cài đặt trực tiếp từ bảng quản trị website WordPress.

Ở video hướng dẫn mình chọn cách 2.

Cài đặt plugin tạo mục lục tự động cho bài viết - Table of Contents Plus
Cài đặt plugin tạo mục lục tự động cho bài viết – Table of Contents Plus

1 – Vào bảng quản trị Dashboard > Plugins > Add New để thêm plugin mới.
2 – Nhập tên plugin vào ô tìm kiếm Keyword.
3 – Bấm vào Install (cài đặt) và Activate (kích hoạt).

Cách cấu hình plugin Table of Contents Plus

Cách cấu hình plugin Table of Contents Plus
Xem ảnh đầy đủ có đánh số (bạn nên tùy chỉnh theo hình này).
Sơ lược những mục quan trọng:
1 – tab Main Options: tùy chỉnh cho plugin.
2 – Position: chọn vị trí đặt Mục lục

  • Before first heading (default) – Trước thẻ heading đầu tiên trong bài viết (khuyên dùng)
  • After first heading – Sau thẻ heading đầu tiên trong bài viết.
  • Top – Trên cùng bài viết.
  • Bottom – Dưới cùng bài viết.

3 – Show when: hiện mục lục khi có ít nhất bao nhiêu thẻ heading trong bài viết.
4 – Auto insert for the following content types: Tự động chèn mục lục đối với những loại nội dung nào.
5 – Heading text: Tùy chọn cho văn bản tiêu đề của mục lục

  • Show title on top of the table of contents: Hiện tiêu đề trên cùng của bảng mục lục. Trường bên dưới thì bạn điền tiều đề cho mục lục.
  • Allow the user to toggle the visibility of the table of contents: Cho phép người đọc làm Ẩn hoặc Hiện mục lục hay không?
    • Show text: tùy chọn cho văn bản HIỆN.
    • Hide text: tùy chọn cho văn bản ẨN.
    • Hide the table of contents initially: Cho mục lục mặc định ẩn, bấm vào Show text mới hiện.

6 – Show hierarchy: Hiển thị dạng phân cấp, thẻ heading càng lớn thì sẽ thụt vào so với thẻ heading nhỏ. VD: văn bản trong thẻ h4 sẽ thụt vào so với văn bản trong thẻ h3 một đoạn.
7 – Number list items: Đánh số cho mục lục.
8 – Scroll rather than jump to the anchor link: Hiệu ứng cuộn xuống một cách “mềm mại”.
9 – Width: chiều rộng của mục lục so với chiều rộng bài viết.
10 – Wrapping: phần bao.
11 – Font size: cỡ chữ của mục lục.
12 – Presentation: Kiểu hiển thị (giao diện) cho mục lục.
13 – Lowercase: đưa kiểu chữ của mục lục về dạng viết thường.
18 – Heading Levels: đưa những thẻ heading nào vào mục lục.
20 – Smooth scroll top offset: chỉnh khoảng cách giữa cửa sổ trình duyệt với text heading, để text của heading không bị trình duyệt che mất. Đặc biệt hữu ích khi theme của bạn có thanh menu luôn đi theo của sổ trình duyệt (gọi là Sticky Menu).
21 – Update Options: bấm để lưu lại cài đặt cho plugin.
22 – Sitemap: đặt shortcode sitemap vào một chỗ nào đó để hiển thị sitemap (phần này không quan trọng lắm)

Vậy là bạn đã cấu hình xong plugin này, hãy thử viết một bài thật chất lượng.
Thêm đầy đủ các đầu mục có các thẻ heading vào bài viết.

Bạn nên tham khảo bài viết các thẻ HTML cơ bản để biết thêm về các thẻ heading này.

Video hướng dẫn tạo mục lục tự động cho bài viết

Tạo mục lục tự động cho bài viết trên website dễ dàng
4 / 5 (7 votes)

Chỉ cần 3 giây để LIKE và CHIA SẺ bài này, giúp chúng tôi thêm động lực viết bài.
Để nhận nhiều video mới bổ ích, hãy bấm đăng ký kênh YouTube Làm Web Dễ Ợt.

12
Bình luận cho sôi nổi nào!

avatar
7 Comment threads
5 Thread replies
7 Followers
 
Most reacted comment
Hottest comment thread
8 Comment authors
Làm Web Dễ ỢtAchilet168Bình nguyễnHiếuihuongdan blog Recent comment authors
  Subscribe  
Mới nhất Cũ nhất Hay nhất
Thông báo
Achilet168
Achilet168

Thanks Anh đã chia sẻ kiến thức này, bài viết rất hữu ích, chúc anh mọi sự thành công !

Bình nguyễn

so mình chỉnh màu không được ta !

Hiếu

a ơi, làm thế nào để căn giữa cái bảng z ạ. Mặc định là nó nằm bên trái

ihuongdan blog

Chào admin hiện mình thấy có website chonmuachuan có cái mục lục rất đẹp, Nó in đậm những mục lục chính. Không biết có cách nào làm được không ạ!

Huy
Huy

chào anh, muốn làm table of contents như trang này thì làm như nào ạ
https://carloseo.com/user-permissions-google-analytics/

Mr Trần

cảm ơn b vì chia sẻ. Mình đang tìm cái này

Bích pham

Em đã làm theo đúng video anh hướng dẫn mà xong không có mục lục tự động lên anh ạ.
liệu word press cài đặt phần nào nhầm làm cho phần mềm này ko dùng được không anh