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.

5 1 vote
Article Rating
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.
Subscribe
Thông báo
guest
32 Comments
Mới nhất
Cũ nhất Hay nhất
Inline Feedbacks
View all comments
Hạ Ly
18/10/2019 10:11

ad cho em hỏi muốn vào plugin thì vào bằng đường nào ạ? có quyền viết bài thôi có làm được không ạ? 🙂

Hạ Ly
18/10/2019 11:34

🙁 em muốn tạo một mục lục cho bài viết và không biết làm cách nào, tạo trong HTML được k Ad 🙂

Ngọc Anh
Ngọc Anh
26/08/2019 08:43

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

Tùng
31/05/2019 19:36

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
12/05/2019 11:54

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ả!

An Ba
12/05/2019 22:11

Hihi cảm ơn Admin dễ thương!
Bạn có bài hướng dẫn nào để làm cái phần trả lời email cho độc giả khi có bình luận giống như của Làm Web Dễ Ợt không?
Màu mè hoa lá hẹ đẹp quá trời: https://prnt.sc/nnka1x
Thanh kiều!

khanh
khanh
04/09/2019 14:59

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

Lê Hải
11/05/2019 10:49

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

Quang
18/03/2019 17:17

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

giang
27/01/2019 21:05

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
23/01/2019 08:13

Cảm ơn bàn

Kiếm tiền online
05/01/2019 07:26

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

Kiếm tiền online
01/09/2019 05:33

Không phải là lấy Baclink mà thật, tui cũng đang dùng mà mỗi lần nâng cấp wordpress là có lỗi. Tuy nó không hiển thị nhưng vào file Log mới thấy.
Xin lỗi nay mới thấy mail 🙁

Achilet168
Achilet168
16/09/2018 22:31

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
11/09/2018 09:13

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

Bình nguyễn
11/09/2018 22:26

heee ! mới mò ra rồi, tại vì mình không cọn custom nên không thay được màu 🙂

Hiếu
28/07/2018 10:57

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
24/07/2018 13:25

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
11/05/2018 18:44

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
25/04/2018 09:18

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

Bích pham
08/07/2017 09:00

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

32
0
Would love your thoughts, please comment.x
()
x