Plugin tạo mục lục cho wordpress là một trong những từ khóa được gg search nhiều nhất về chủ đề plugin tạo mục lục cho wordpress. Trong bài viết này, cachthietkeweb.vn sẽ viết bài viết tổng hợp plugin tạo mục lục cho wordpress mới nhất 2020.

Tổng hợp plugin tạo mục lục cho wordpress mới nhất 2020

Có những trang web không bao giờ cần mục lục, thí dụ như các trang báo tin mau như vnexpress, 24h hay vietnamnet.

Nhưng có một website mà bạn luôn thấy mục lục, đó là Wikipedia. Và một thứ nữa cũng luôn có mục lục, đó là sách.

vì sao một số kênh thì cần còn một số nơi lại không? Chúng ta hãy nghĩ về công dụng của danh mục.

tác dụng chính của mục lục là giúp người đọc:

Nắm được content tổng quan
Biết được nội dung mà mình cần vừa mới nằm ở đâu

do đó mục lục rất cần thiết trong các bài viết dài, cấu trúc khó khăn, trong khi lại vô ích trong các post ngắn dạng tin vắn.

OK, nếu bài viết của bạn thường xuyên có khoảng 1500 – 2000 từ hãy cân nhắc đến việc tạo mục lục để giúp độc giả của bạn nhiều thêm nữa.

Mặc định WordPress k tạo mục lục cho post. Bạn cần cài đặt plugin để có được tính năng này, nó có tên: Table of Contents Plus.

Plugin này hơi cổ, hơn 2 năm rồi chưa cải tiến, và điều này có nguy cơ gây mất tương like với các phiên bản Hiện nay của WordPress. tuy nhiên khi mình tra cứu thì nó vẫn ổn, không gây ra vấn đề gì, nên mình cũng sử dụng luôn cho trang của mình.

Sau khi kích hoạt thành công, danh mục ngay lập tức xuất hiện ở các bài viết, nó trông giống thế này:

Nếu chưa hài lòng bạn vào khu vực Settings để điều chỉnh một số cài đặt:

mục lục [ẩn]

1. Position / Vị trí
2. Show when / Hiển thị khi
3. auto insert for the following content types / auto dán vào các kiểu content sau
4. Heading text / tiêu đề của danh mục
5. Show hierarchy / Hiển thị phân cấp nhỏ hơn
6. Number danh sách items / Đánh số thứ tự mục lục
7. Enable smooth scroll effect / Cho phép hiệu ứng chuyển động mượt mà
8. Các tùy lựa chọn liên quan đến giao diện
9. Các tính năng ở khu vực Advanced / Nâng cao
10. Video hướng dẫn

1. Position / Vị trí

lựa chọn vị trí của mục lục, có 4 tùy chọn:

Before first heading: danh mục sẽ nằm ngay trước thẻ heading trước tiên, đây là chọn mặc định, và thường dùng nhất.
After firsr heading: mục lục nằm sau heading trước nhất.
Top: danh mục nằm ở vị trí trước hết của bài viết.
Bottom: danh mục nằm ở vị trí cuối cùng bài viết.

lựa chọn cá nhân:

2. Show when / Hiển thị khi

Mặc định, mục lục sẽ chỉ hiển thị khi có tối thiểu 4 thẻ heading. Bạn có thể tăng giảm con số này nếu mong muốn. Với cá nhân tôi, 4 là con số mặc định rất tốt rồi. Nếu ít hơn 4 heading mà bạn vẫn cố tạo danh mục thì sẽ gượng ép.

3. auto insert for the following content types / tự động chèn vào các kiểu nội dung sau

danh mục sẽ auto được xây dựng trong post chứ bạn chẳng phải mất công chèn thủ công. Theo đó phần này cho phép bạn chọn lựa các kiểu content nào nó sẽ tự động được dán vào. phần lớn trường hợp post và page là đủ rồi. một mình mình chỉ dùng cho post mà thôi:

Nếu bạn chèn auto mà post nào đấy k muốn có mục lục thì chèn short code sau vào bất cứ vị trí nào trong bài viết:

Trường hợp bạn muốn chèn thủ công thì bạn bỏ hết k tick bất cứ phần nào ở trên. Và một bài viết cụ thể nào muốn chèn danh mục thì tại vị trí đó chỉ cần thêm short code dưới đây vào rồi nhấn lưu là được:

(*) toc là viết tắt của table of content.

4. Heading text / đầu bài của mục lục

Mặc định đầu bài của danh mục là danh mục, và chắc chắn trong đầy đủ trường hợp bạn k cần phải thay đổi gì cả:

Các thay đổi nếu có bao gồm:

Bỏ lựa chọn dấu tick, thì sẽ k có chữ mục lục sử dụng đầu bài nữa
Sửa chữ danh mục thành từ không giống, gợi ý như content post, danh sách, danh sách, tóm lược, vân vân

kế tiếp là tùy chọn Allow the người dùng to toggle the visibility of the table of contents / Cho phép user nhấn để ẩn / hiện danh mục. Mặc định của nó bạn nên giữ.

Hide the table of contents initially, mặc định là bỏ tick, nó giúp danh mục hiện ra ngay lập tức khi bạn vào post. Nếu bạn tick vào tùy chọn này thì danh mục sẽ ẩn đi lúc đầu, và chỉ hiện ra khi người ta click vào.

5. Show hierarchy / Hiển thị phân cấp nhỏ hơn

Mặc định là được tick, nó giúp hiển thị các phân cấp nhỏ hơn, chẳng hạn có mục lục giống như thế này:

Thêm keyword và đánh giá thuộc cùng cấp, và nó là các cấp lớn nhất nên bao giờ cũng hiện ra ngoài danh mục.

Trong khi đó vấn đề to & vấn đề nhỏ là các phân cấp nhỏ hơn của đánh giá và nếu tùy chọn này k được tick thì nó sẽ không hiển thị ra ngoài.

không có lời khuyên cố định trong phần này, tùy vào content của bạn, bạn sẽ nhìn thấy xét có nên bổ sung phân cấp hay là không. Chỉ lưu ý là tránh phân cấp quá mức, chẳng hạn đủ sức bạn không nên để một mục nữa nằm trong chủ đề nhỏ hiện ra ngoài danh mục.

6. Number list items / Đánh số thứ tự mục lục

Mặc định là được lựa chọn, danh mục của bạn sẽ được đánh số thứ tự kiểu giống như thế này (ngoài cùng bên tay trái):

Cái này cũng tương tự như trường hợp trên, tùy nhu cầu mà có lựa chọn hay k.

một mình mình thì mình thường đánh số sẵn cho các heading rồi nên mình sẽ bỏ chọn nó.

7. Enable smooth scroll effect / Cho phép hiệu ứng chuyển động mượt mà

mục đích là giúp người ta khi nhấn vào danh mục sẽ được chuyển mượt đến content cần đọc thay vì đến ngay lập tức (làm hơi bất ngờ). Mặc định là tick chọn và mình khuyên bạn nên giữ nguyên vì nó còn liên quan đến tính năng tránh cho heading bị che bởi phần content nào đó gắn cố định trên đầu (ví dụ menu gắn đầu, như kiểu giao diện mà web mình vừa mới dùng).

8. Các tùy lựa chọn liên quan đến giao diện

Nó nằm ở phần Appearance.

Trong đó:

Width: nghĩa là chiều rộng của danh mục, mặc định nó để tự động (tự động). Bạn đủ sức lựa chọn để chiều rộng bằng bao nhiêu % chiều rộng của website. cá nhân mình để 100% (ở chỗ Relative). Bạn k nên lựa chọn chiều rộng cố định (ở chỗ Fixed width) vì điều này có thể sử dụng xấu hiển thị trên điện thoại di động, vốn có kích cỡ màn hình nhỏ.
Wrapping: cái này có ý nghĩa nếu mà danh mục của bạn nhỏ hơn đáng kể chiều rộng của web, lúc này bạn đủ sức chọn lựa căn trái hoặc căn phải.
Font size: sử dụng để điều chỉnh kích cỡ chữ của phần danh mục, thường sẽ lớn hơn. một mình mình chọn 125%, bạn cứ cải thiện số lượng sao cho ưng mắt thì thôi.

Phần cuối chỗ Presentation cho phép bạn lựa chọn lựa giao diện cho Mục lục:

Để tìm ra cái vừa ý, bạn cứ thử chọn rồi lưu nhìn thấy thế nào nhé.

9. Các chức năng ở khu vực Advanced / Nâng cao

Khu vực này bạn ít sử dụng hơn, và nó cũng khó điều chỉnh hơn 8 tùy chọn ở trên, không những thế lại có một số cái rất cần thiết nếu bạn mong muốn mục lục bắt mắt. Những cái đáng note mình sẽ bôi đậm.

Lowercase: Đảm bảo văn bản neo là chữ thường
Hyphenate: dùng gạch nối – thay vì _ trong văn bản neo
Include homepage: Hiển thị mục lục trên trang chủ cho các phần quá đủ điều kiện
Exclude CSS file: Ngăn k cho tải định hình CSS của plugin này. Khi được tick lựa chọn, các chọn về hiển thị (ở phần Appearance phía trên) sẽ bị bỏ qua (không được áp dụng).
Preserve theme bullets: Nếu theme của bạn định dạng mục lục không có thứ tự bằng hình, hãy tick lựa chọn cái này nếu mong muốn áp dụng điều đó vào danh mục (vì mục lục cũng là một dạng danh sách / list).
Heading levels: Bình thường toàn bộ các cấp heading sẽ được mang vào danh mục (nếu ở phần Show hierarchy bạn có tick chọn). Ở đây bạn được tùy chọn thêm là sẽ đưa cụ thể heading nào vào. lựa chọn một mình mình chỉ chọn từ heading 1, 2, 3. Việc phân cấp quá nhiều sẽ khiến mục lục rối mắt.
Smooth scroll top offset: Đây là tính năng rất hay giúp bạn tránh việc heading bị che bởi nội dung nào đó gắn chặt ở phần đầu web (thường là menu). Mặc định nó là 30px. Bạn có thể gia tăng con số này đến khi nào thấy hết bị che. ví dụ giống như của mình phải 70px mới hết bị che. lưu ý tính năng này chỉ hoạt động nếu Enable smooth scroll effect được tick chọn.
Restrict path: nếu bạn mong muốn mục lục không xuất hiện ở trang hoặc khu vực nào đó thì điền ở đây, gợi ý web của bạn có cấu trúc URL chứa thư mục thế này example.com/kinh-te/uber-ban-cho-grab. (Bài viết thuộc thư mục kinh tế), và bạn mong muốn thư mục kinh tế k có mục lục thì bạn điền giống như thế này vào ô trống: /kinh-te/