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

Sử dụng StableHost Coupon - Nhận ưu đãi khủng
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 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 Microsoft Word.

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

Thật kinh khủng nếu 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ọ chán nản và thoát khỏi website.
Như vậy không tốt chút nào cho việc 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.

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

Hướng dẫn tạo mục lục dạng văn bản:

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

Thật đáng mừng! 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ỉ cần viết nội dung, còn việc tạo mục lục để plugin lo.

Plugin: Table of Contents Plus.
Hay còn gọi là plugin TOC+
Lưu ý: có nhiều plugin khác có chức năng tương tự.

Cài đặt plugin Table of Contents Plus

2 cách cài đặt với một plugin miễn phí.

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

Ở video hướng dẫn bên dưới 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 X thẻ heading (ví dụ: 4 thẻ) trong bài.
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.

Hãy like và chia sẻ cổ vũ chúng tôi.
Đăng ký kênh YouTube Làm Web Dễ Ợt để xem video hay nhất về làm web WordPress, marketing và kiếm tiền online.

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

avatar
15 Comment threads
12 Thread replies
16 Followers
 
Most reacted comment
Hottest comment thread
16 Comment authors
Kiếm tiền onlineLàm Web Dễ ỢtNgọc AnhTùngAn Ba Recent comment authors
  Subscribe  
Mới nhất Cũ nhất Hay nhất
Thông báo
Ngọc Anh
Ngọc Anh

Anh ơi, em đã làm nhưng sao nó ko hiển thị cái khung bao quanh ạ

Tùng

chào admin, mình check bên tuhocmmo họ giới thiệu plugin fixed toc, so với cái này thì cái nào hơn ạ? với cái này thì làm cách nào để nó full cả lề của bài viết ạ ?

An Ba

Bài viết đầy đủ chi tiết quá và dễ hiểu.
Em đã làm được theo hướng dẫn rồi. Cảm ơn admin Lam Web De Ot nhiều ạ!
À mình có cách nào chỉnh lại đường dẫn của mỗi heading lại theo ý mình không ạ:
– Ban đầu: https://lamwebdeot.com/tao-muc-luc-tu-dong-cho-bai-viet-tren-website-2595.html#Tai-sao-nen-tao-muc-luc-cho-bai-viet
– Sửa thành: https://lamwebdeot.com/tao-muc-luc-tu-dong-cho-bai-viet-tren-website-2595.html#Tai-sao
Cảm ơn tác giả!

Lê Hải

Plugin dùng tốt nhé.Thank ad

Quang

Mình làm và xóa cache luôn mà nó vẫn không hiện bạn nhỉ

giang

Trang chủ » WordPress » Plugin WordPress » Tạo mục lục tự động cho bài viết trên website dễ dàng
bạn ơi mỗi bài viết website bạn đều có link dẫn tới như thế này ! Bạn có thể giúp mình làm thế nào được ko
Thanks

Dũng
Dũng

Cảm ơn bàn

Kiếm tiền online

Plugin này nay lỗi nhiều lắm, tác giả không cập nhật nữa!

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