Hướng dẫn tạo mục lục cho nội dung website WordPress

11105 lượt xem30/11/2016 Học thiết kế web Wordpress, Kiến thức
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Đối với các website chuyên về nội dung thì việc trình bày bài viết có khoa học, đề mục rõ ràng và có mục lục cho nội dung là điều rất cần thiết. Thứ nhất, mục lục sẽ giúp người đọc dễ dàng hình dung được toàn bộ nội dung chính của bài viết cũng như biết mình đang đọc tới đoạn nào trong bài. Thứ hai, mục lục cũng khá quan trọng cho SEO vì nó giúp cho Google hiểu được tốt hơn bài viết của bạn có những nội dung gì.

Nếu bạn rành về code, bạn có thể sử dụng kiến thức HTML để tạo mục lục cho từng bài viết. Còn những người không biết code thì nên tìm sử dụng plugin. Một trong những plugin miễn phí làm rất xuất sắc nhiệm vụ này chính là plugin “Table of Content Plus”.  Hôm nay mình sẽ hướng dẫn các bạn cài đặt và sử dụng plugin này hiệu quả.

Cài đặt plugin Table of Content Plus

Để cài plugin, bạn vào Plugin (gói mở rộng) > Cài mới và tìm với từ khóa “Table of Content Plus”. Sau đó, bạn nhấn Cài đặt và Kích hoạt để sử dụng nhé! Lưu ý: Plugin chính xác là cái có hơn 50.000 lượt cài đặt nhé.

tab-of-content-plus
Cài đặt plugin Tab of Content Plus

Sử dụng plugin Table of Content Plus

Sau đây, mình sẽ hướng dẫn các bạn tạo mục lục cho nội dung bài viết! Bằng cách sử dụng plugin Table of Content Plus nhé!

Tạo mục lục cho nội dung bài viết

Sau khi kích hoạt plugin thành công, bạn vào Gói mở rộng > Đã cài đặt và nhấn tùy chọn Setting của plugin Table of Content Plus như hình dưới:

setting-tab-of-content-plus
Nhấn tùy chọn Setting để thiết lập

Hoặc bạn cũng có thể vào Cài đặt > TOC+ để thiết lập plugin.

toc
hoặc vào Cài đặt > TOC+ để thiết lập Plugin

Trong màn hình thiết lập Plugin, bạn vào tab Main Options, có một số tùy chỉnh cho phần mục lục như sau:

tuy-chinh-toc
Màn hình thiết lập plugin Tab of Content Plus

– Position: Lựa chọn vị trí hiển thị mục lục. Trong đó, có 4 vị tí để hiển thị là:

  • Before first heading:

    Mục lục hiển thị trước đầu mục đầu tiên.

  • After first heading:

    Mục lục hiển thị sau đầu mục đầu tiên.

  • Top: 

    Mục lục hiển thị ở đầu bài viết.

  • Bottom: Mục lục hiển thị ở cuối bài viết.

Nếu bạn để ý và kéo thử bài viết lên trên, bạn sẽ thấy bài viết này có mục lục được đặt ở ngay sau Heading đầu tiên nhé!

– Show when: Tùy chọn này hỏi bạn rằng: trong bài viết có từ bao nhiêu heading trở lên thì mục lục sẽ xuất hiện. Mình cài đặt mục lục sẽ tự động xuất hiện khi bài viết của mình có 4 đầu mục trở lên.

– Auto insert for the following content types: Bạn muốn đặt mục lục ở thể loại nội dung nào: Post hay Page hay cả hai. Mình chỉ đặt Post thôi, vì thường thì Page của mình ít khi viết dài và cũng không có nhiều heading lắm.

– Heading text: Cho phép cài đặt để hiển thị tiêu đề mục lục và các tùy chọn ẩn, hiện bảng mục lục trong bài viết

tuy-chon-heading-text
Cài đặt tiêu đề cho bảng mục lục

– Show hierarchy: Nhấn dấu tích nếu muốn hiển thị mục lục dạng phân cấp như hình dưới:

phan-cap-trong-tab-of-content-plus
Phân cấp nội dung trong Tab of Content Plus

– Number list items: Nhấn dấu tích để hiển thị số cho các mục trong Table of Content Plus (như hình trên đã hiển thị).

– Enable smooth scroll effect: Chọn cái này nếu muốn có hiệu ứng chuyển mượt mà giữa các tab của nội dung chính.

Phần tiếp theo, Appearence là các tùy chọn giao diện hiển thị cho bảng nội dung của bạn:

apperarance
Bảng tùy chọn giao diện hiển thị cho Tab of Content

– Width: Quy định kích thước chiều rộng cho bảng mục lục. Có 2 tùy chọn là Fixed width Relative. Các bạn nên chọn Relative Auto (defaut) để hiển thị Responsive trên di động nữa nhé!

– Wrapping: Vị trí hiển thị bảng Mục lục ở bên phải hoặc bên trái, để nội dung bài viết hiển thị sát bên cạnh bảng Mục lục.

– Front size: Tùy chọn kích thước phông chữ trong bảng Mục lục.

– Presentation: Tùy chọn giao diện hiển thị cho bảng Mục lục. Có một số tùy chọn cho các bạn như màu chữ, màu nền, màu link,…

Như thế, cơ bản là đã cấu hình xong cho plugin Table of Content Plus rồi các bạn nhé! Trong mục Advance, bạn chỉ cần lưu ý thêm tùy chọn Heading level nữa thôi. Trong đó, bạn được phép tùy chỉnh bảng Mục lục sẽ hiển thị những đầu mục cấp độ nào (có các cấp độ từ h1 đến h6). Mình chỉ cho hiển thị tới h4 thôi.

heading
Tùy chọn hiển thị các heading trong bảng Mục lục

Kinh nghiệm viết bài để tạo Mục lục đẹp

Để tạo Mục lục cho nội dung bài viết được đẹp và sạch sẽ, khoa học. Bạn có thể đọc các gợi ý viết bài của mình dưới đây:

– Bài viết phải có bố cục rõ ràng, lên được dàn ý trước khi viết bài: Đừng viết bài theo cảm hứng mà nên có dàn ý cụ thể khi viết bài. Cần đề cập đến vấn đề gì, bài viết gồm mấy đoạn văn, mấy ý chính, viết như thế nào?…

– Bài viết nên có phần Mở đầu và phần Lời kết:

Phần Mở đầu là phần dẫn vào ý chính của bài viết, bạn chỉ cần viết khoảng 2 -3 dòng thôi. Mở đầu có thể không cần dùng Heading để tạo mục. Thay vào đó, bạn có thể tạo một mục khái niệm, nội dung về vấn đề của bài viết kiểu như: “WordPress là gì?”, “Làm cách nào để đăng bài lên Post?”…

Phần Lời kết là tóm tắt lại nội dung của bài viết. Đồng thời nêu ra những ý tưởng hoặc nội dung chính của bài viết tiếp theo có liên quan đến bài viết hiện tại.

– Đầu mục rõ ràng và riêng biệt:

Mỗi đầu mục phải là ý chính của một đoạn nội dung. Nếu các Heading có ý nghĩa gần nhau thì nên gộp thành một Heading cho gọn gàng.

Lời kết

Như vậy, chúng ta đã thực hiện cài đặt và sử dụng plugin Table of Content plus. Giúp tạo Mục lục cho nội dung bài viết trên WordPress. Chúc các bạn có phần trình bày bài viết hiệu quả và gọn gàng.

4.1/5 - (16 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: NinhBinhWeb là thương hiệu chuyên thiết kế website, thành viên nhỏ xinh của GiuseArt, nếu bạn cần làm website, xem qua các mẫu websitetại đây.

Rất cám ơn bạn đã quan tâm, hy vọng có cơ hội được hợp tác với bạn!

Bài viết mới cập nhật:

Các sản phẩm phù hợp với nhà thiết kế đồ họa

Dưới đây là một số thiết bị phù hợp mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Bảng Vẽ Wacom Intuos S Wacom CTL- 4100

1.500.000đPhù hợp cho các bạn tập vẽ trên máy tính bằng bút wacom, hàng chính hãng rẻ đẹp và chất lượng tốt.
Xem chi tiết sản phẩm

Card đồ họa Máy tính AMD HD6770 (4G)

1.089.000đNâng cấp card đồ họa máy tính của bạn để máy chạy tác vụ nặng khỏe hơn, render hình ảnh thiết kế mượt hơn
Card tăng giá mạnh, giá này ngon

Giá Treo Màn Hình Máy Tính/ Tay Treo Màn Hình

355.000đArm treo màn hình máy tính xịn xò, cải tạo bàn làm việc của bạn trông gọn gàng và khoa học hơn nhiều
Nhận mã giảm giá 40%

Màn hình Xiaomi 27 inch 2K, màn hình 75hz

2.490.000đMàn hình xịn buộc phải có nếu muốn ngồi máy tính lâu không lo đau mắt, màn hình Xiaomi thì xịn khỏi bàn rồi, 2K xịn xò
Xem chi tiết sản phẩm

Giá đỡ màn hình Riser Bền với 4 USB

425.000đGiá đỡ trang trí màn hình máy tính, phù hợp cho các bạn decor góc làm việc trông hiện đại và gọn gàng hơn!
Xem chi tiết sản phẩm

MÀN HÌNH CŨ - Dell 24 + 27 Inch Full HD 2k UltrSharp

3.890.000đCon màn hình mình dùng 8 năm rồi vẫn xịn, màn UltraSharp của Dell thì khỏi phải bàn nhiều, ngồi 8 tiếng không đau mắt
Xem chi tiết sản phẩm

Đầu đọc thẻ nhớ đa năng: SD, TF, USB

55.000đCóp file qua lại giữa thẻ nhớ với máy tính rất tiện lợi, lúc nào mình cũng phải thủ sẵn sàng kẻo lúc có việc không thấy đâu
Giá rẻ chốt luôn

Sim 4G 1 Năm Data 500Gb/Tháng

500.000đDùng mạng nhiều nên đi ra ngoài không có mạng là không chịu được, mình sắm con sim chạy cả năm full 4G không lo gì
4G cả năm khỏi lăn tăn

Chuột không dây câm Logitech M331

369.000đMình đang dùng hằng ngày đây, chuột nhỏ mà có võ, và đặc biệt là nó im lặng, không kêu tạch tạch khi bấm!
Làm đêm phải sắm

Đồ gia dụng linh tinh nhưng hay

Dưới đây là một số đồ linh tinh mình đã từng sủ dụng và đánh giá tích cực, bạn có thể tham khảo:

Ly Giữ Nhiệt Iced Americano Inox 304 Đúc Liền Khối Cao Cấp Có Nắp Đậy Tặng ống hút inox

45.000đRa quán nét thấy họ hay xài về tìm mua bằng được, hàng xịn, bỏ đá đặt cạnh bàn làm việc từ sáng đến trưa vẫn y nguyên
Mua sản phẩm ngay

Gối tựa cổ cao cấp, tựa cổ, chống mỏi cổ mỏi lưng phù hợp cho các bạn ngồi nhiều

228.000đNGồi máy tính nhiều là cơ thể phản đối ngay, mình sắm gối tựa cổ về đỡ mỏi nhức hơn hẳn.
Xem sản phẩm

Máy Chiếu Mini Siêu Nét KAW K560 Siêu Rẻ, Full HD, Kết Nối Máy Tính, Điện Thoại

1.900.000đMình mua máy chiếu về chiếu lên trần nhà cho con xem lúc chuẩn bị đi ngủ, xem hoạt hình vui
Xem sản phẩm

Quạt Tích Điện Lồng Sắt SIEGIS Quạt Để Bàn 10 Cell 2 Cấp Độ Gió Siêu Mát Động Cơ Khoẻ Độ Bền Cao

225.000đNhà có máy khoan pin nên mua thân quạt này về chạy được luôn, mình mua về chuyên dùng khi đi vệ sinh, mùa hè nóng.
Xem sản phẩm

Sạc Dự Phòng Dung Lượng 20000mah Tích Hợp Sạc Từ Tính, Dây Sạc Đa Năng, Hỗ Trợ Sạc

468.000đSạc dự phòng thì nói chung mỗi người nên có một cái, lúc đi chơi hay bí bách đưa ra sạc rất tiện lợi, hàng xịn nha!
Mua ngay

Ốp điện thoại iphone hở táo 6D viền vuông kính bảo về camera iPhone

25.000đỐp điện thoại giá rẻ thì mua vài cái về thay đổi dần cho bõ côgn ship nha anh em, mình mới dặt 4-5 cái
Mua ngay

Mình mới tập làm vlog, có thể bạn cũng cần

Dưới đây là một số đồ làm vlog mình mới tham khảo và mua về sử dụng, thấy hay nên chia sẻ, các bạn có thể tham khảo:

Chân Quay Máy Ảnh Điện Thoại Tripod 360° - Hỗ Trợ Dùng Điện Thoại Máy Ảnh

249.000đMua cái chân quay về đề quay vlog, khỏi cần nhờ vợ cầm quay chút thì rung rung không dùng được!
Xem sản phẩm

Hộp Chống Ẩm Cho Máy Ảnh 10L + Hạt Hút Ẩm + Ẩm Kế + Khăn lau lens Full Combo

70.000đMua máy ảnh bắt buộc phải có tủ chống ẩm, tủ thì giá cao lắm nên mua tạm hộp chống ẩm, mùa Bắc nồm ẩm nhiều
Xem sản phẩm ngay

Camera Wifi Xoay 360 Độ Thông Minh Full HD 1080P, Hỗ Trợ Thẻ Nhớ, Đàm Thoại 2 Chiều, Báo

229.000đNhà mình mua 3-4 cái để mấy góc coi cả nhà và cả vườn, giá thì rẻ, đi đâu có kết nối wifi cũng xem được!
Giá rẻ nhất sàn

Máy quay cầm tay DJI Pocket 2, quay phim 4K, gimbal 360 độ quay trước sau

8.200.000đBắt đầu quay vlog thì mua con này rất ok, giá rẻ, mua cũ khoảng 4tr thôi, mua mới có bảo hành thì đắt hơn chút.
Nhận mã giảm giá 40%

Gimbal DJI Osmo Mobile SE, DJI Osmo Mobile 7, Osmo Mobile 8 - BH 1 năm - Chính Hãngg

1.899.000đGimbal dành riêng cho điện thoại, quay vlog không lo bị rung hoặc mất nét, hàng chính hãng DJI có bảo hành
Xem chi tiết

Vòng đeo cổ giá đỡ điện thoại hỗ trợ tháo nhanh bằng silicon cao cấp hít magsafe quay chụp video

299.000đCái này để kẹp điện thoại treo trước ngực quay video góc nhìn thức nhất trong lúc 2 tay bận không cầm được điện thaoị
Xem chi tiết

Bộ gối tựa xe hơi công thái học cao cấp, mềm mại êm ái, nâng tầm nội thất xe sang trọng, cá tính

650.000đĐi lại nhiều ngồi ô tô nhức mỏi lưng quá nên mình mua cái gối tựa lưng này, rất êm và thoáng mồ hôi.
Nhận mã giảm giá 20%

Bàn Làm Việc & Học Tập Gấp Gọn ICON ,Khay Đựng Ly, Thiết Kế Đa Năng Cho Laptop Và Sách Vở

98.000đThay đổi góc làm việc chỉ việc mở bàn này ra ngồi làm việc với laptop thì chuẩn bài
Xem sản phẩm

Bàn Làm Việc, Bàn Gaming Nội Thất Măng Chân Sắt nhiều phiên bản, mặt gỗ 1m2,1m, chắc chắn, bền đẹp

400.000đMình không nghĩ là giá lại rẻ thế, có 400K mà được bộ bàn đẹp, decor cũng hợp
Xem sản phẩm

Giới thiệu Host xịn cho anh em!