Plugin Fixed Toc (Fixed Table Of Contents) Tóm tắt nội dung

Liên hệ mình tại:

Duandigi@i-freelancer.org


Viết bởi: Duẩn DiGi

Digital Marketer - Theo dõi tôi

Plugin Fixed TOC hay Fixed Table Of Contents là một plugin thú vị và khá hữu ích đối với các website sử dụng nền tảng mã nguồn mở WordPress. Qua đó, nó có thể giúp bạn tùy biến vị trí xuất hiện của bảng tóm tắt nội dung, thay đổi màu sắc bảng và các phần tử của bảng, tùy chọn các hiệu ứng khác giúp website của bạn chuyên nghiệp hơn trước mắt người dùng.

Về Fixed Table Of Contents (Fixed TOC)

Đây là một plugin tốt nhất trong số các plugin tạo plugin mục lục bài viết trong WordPress được cộng đồng khá ưa chuộng. Nó được phát hành vào ngày 26/03/2014 do một người Trung Quốc tạo ra với hơn 95% đánh giá 5 sao và hơn 2700 lượt mua trên Codecanyon (một trang web bán các tài nguyên mạng nổi tiếng)..

Tính năng cơ bản của nó

Tuy hơi nhàm chán nhưng mình sẽ giới thiệu khái quát các tính năng mà plugin Fixed TOC có trước khi hướng dẫn bạn cách tải, cài đặt và sử dụng nó.

Về tính năng:

  • Tạo mục lục tự động từ nội dung bài viết có sẵn thông qua các thẻ Heading.
  • Hỗ trợ bài đăng, trang và bất kỳ loại bài đăng nào khác mà bạn cho phép
  • Khả năng thích ứng tuyệt vời với mọi thiết bị trình duyệt
  • Khả năng hỗ trợ thêm widget để sửa ở sidebar
  • Di chuyển trơn tru, hiệu ứng mượt mà
  • Không ảnh hưởng quá nhiều đến tốc độ load (tải trang) của website
  • Có tính năng shortcode cho phép đặt ở bất kỳ vị trí nào trong bài
  • Cho phép thu gọn, mở rộng bảng tóm tắt nội dung
  • Hỗ trợ các plugin kéo thả nổi tiếng như Visual Composer, Elementor, Thrive Architect, Divi
  • Hỗ trợ trang AMP

Tác dụng đối với SEO

Các plugin tạo bảng tóm tắt nội dung dạng này thực sự tốt cho SEO, nó không chỉ là đánh giá của mỗi cá nhân mình mà là từ các đánh giá khác từ các chuyên gia từ Google.

  • Nó giúp người dùng và bộ máy tìm kiếm dễ dàng bao quát ý chính nội dung của bài đăng
  • Giúp người làm SEO tối ưu các từ khóa dài tốt hơn
  • Trải nghiệm người dùng khi lướt web tăng lên đáng kể

Trong một bài viết trên Searchengineland vào năm 2020 có phân tích về tác dụng của bảng tóm tắt nội dung này. Dưới đây là hình ảnh của nó giúp bài viết của bạn đẹp hơn khi xuất hiện trong kết quả tìm kiếm

plugin fixed toc

Phần đóng khung đỏ ở trên hình là các thẻ Heading quan trọng liên quan đến từ khóa tìm kiếm trong bài viết, thường là thẻ H2, H3. Khi các từ khóa dài được Google tìm được trong bài viết của bạn sẽ được cho index theo dạng như hình dưới đây trong Search Console.

plugin fixed toc

Lưu ý: Phần “#toc-header-1” là các thẻ H (Heading) trong bài viết là mặc định nhưng bạn có thể thay đổi ở phần tùy biến trong phần “Cài đặt” của plugin Fixed TOC.

Cách tải Fixed TOC plugin miễn phí

Để tải Fixed TOC miễn phí thì bạn có thể bấm vào đây hoặc kéo xuống cuối bài viết này.

Cách tải không khó vì đây là file mình đặt ở Google Driver nên bạn chỉ cần nhấp vào link và tải về như thông thường là được.

Cách cài đặt Fixed TOC plugin

  • Bước 1: Bên thanh Menu trái, tìm đến “Plugin” sau đó chọn “Add New Plugin“.
  • Bước 2: Bấm “Chọn tệp” sau đó tìm đến nơi chứa file tập tin của Fixed TOC vừa mới tải về
  • Bước 3: Chọn “Fixed TOC.zip” và bấm “Install Now“.
  • Bước 4: Đợi hệ thống cài xong plugin rồi bấm “Active” là xong.

Cách tùy biến Fixed TOC

Để tùy biến tận dụng tối đa tính năng mà plugin Fixed TOC có thì bạn sẽ cần phải can thiệp ở hai phần chính đó là trong “Cài đặt” và trong phần “Tùy biến” của theme.

Trong phần “Cài đặt”.

Để tìm đến phần tùy chỉnh cài đặt bạn bấm vào nút cài đặt và tìm đến Fixed TOc như hình.

plugin fixed toc

Sau khi vào phần tùy chỉnh sẽ có dạng như sau:

fixed toc plugin

Trong đó:

  • Enable Fixed TOC: là cho phép hiển thị bảng tóm tắt nội dung (TOC) hay không
  • Post types: Là cho phép bảng tóm tắt nội dung xuất hiện ở trang hay bài viết, bạn có thể tắt hoặc bật ở đây
  • Headings: Là cho phép TOC (Table of content) lấy nội dung ở cấp thẻ H2, H3, H4 hay nhiều hơn. Nếu muốn lấy dữ liệu ở thẻ Heading nào thì tích dấu “V” vào ô vuông bên cạnh
fixed toc plugin
  • Phần Display TOC when: Bạn muốn TOC xuất hiện khi bài viết có bao nhiêu thẻ Heading (tiêu đề). Điền số vào ô bên cạnh là được
  • Exclude Headings: Bạn cần loại trừ tiêu đề nào. (Tốt nhất cứ để trống vậy).
  • Convert Heading Intro ID: Phần này là nơi tùy biến các hậu tố sau URL của bài viết, nơi xuất hiện các điểm neo trong bảng tóm tắt. Ví dụ: Mình có nói về Convert Heading Intro ID mà plugin tạo ra sẽ là #toc-header-1″ chỉ thay đổi các số thứ tự, nhưng bạn có thể tùy biến thành các ký tự khác nếu muốn. (Tốt nhất nên xóa đi và để trống).
  • Display In Widget: Cho phép bạn hiển thị Fixed TOC ở các vị trí khác trong cùng trang web hay không. Phần này không nói đến bài viết mà nó đang nói đến có thể hiển thị TOC trên sidebar, footer của website.

Phần tùy biến “Theme”.

Để vào phần tùy biến nhiều hơn về hiệu ứng, màu sắc, vị trí trong bài đăng thì bạn thực hiện như sau:

  • Chọn “Theme”, chọn tiếp “Customize”
  • Kéo xuống gần cuối và bấm vào “Fixed TOC plugin”.

Trong đó sẽ các mục tùy biến nhỏ bao gồm:

  • Location: Thiết lập vị trí hiển thị mục lục
  • Trigger Button: Chọn biểu tượng icon nút hiển thị mục lục
  • Contents: Thiết lập font, cỡ chữ, độ rộng của mục lục
  • Contents Header: Thiết lập font, tên của mục lục
  • Contents List: Thiết lập nội dung danh sách trong mục lục
  • Effects: Hiệu ứng chuyển động cho mục lục
  • Color Scheme: Thiết lập màu sắc cho mục lục
  • Customize CSS: Thiết lập CSS tùy chỉnh cho mục lục bài viết

Tùy biến trực tiếp trên post/page

Ngoài ra, bạn cũng có thể thay đổi các tùy biến ngay trong phần soạn thảo của bài viết, trang mà không cần thoát ra ngoài. Tuy nhiên, các hiệu ứng này chỉ có thể tác động lên bài viết/trang đấy chứ không liên quan đến các bài viết khác.

Cách làm như sau:

  • Kéo xuống hết phần trang soạn thảo đang viết
  • Tìm đến phần Fixed TOC sau đó tùy chỉnh như bạn mong muốn là được.

Nhìn chung, nếu bạn cảm thấy khó sử dụng plugin này thì có thể chuyển qua tiếng Việt để dễ dùng hơn. Lần đầu sử dụng sẽ mất chút ít thời gian để nghiên cứu nhưng về sau sẽ quen và nhanh hơn.

Lưu ý:

Có một số lưu ý nhỏ mình muốn truyền tải ở dưới đây mà có thể bạn cần:

  • Plugin Fixed TOC muốn đẹp hơn nữa thì bạn cần biết chỉnh sửa CSS
  • Plugin mình cung cấp là bản gốc, không có key kích hoạt, chỉ cần tải về và sử dụng
  • Nếu bạn cảm thấy không yên tâm về tính an toàn thì nên sử dụng các biện pháp quét mã độc để yên tâm hơn.
  • Nếu có bất kỳ thắc mắc nào vui lòng liên hệ trực tiếp cho mình.

Bạn có thể tải plugin miễn phí ở dưới đây hoặc mua nó trên trang CodeCanyon nếu muốn.

Mình cam đoan là plugin mà mình cung cấp là sạch và có thể sử dụng lâu dài nếu muốn, nếu muốn mua trên CodeCanyon thì bạn có thể cân nhắc. Tuy nhiên mình không khuyến khích nếu bạn không có ngân sách tốt và hoàn toàn yên tâm là liên kết bên dưới hoàn toàn sạch không có tiếp thị liên kết hay gì cả nên anh em không cần phải ngại khi click :D.

Chúc anh em thành công!

Xem thêm:

    Duẩn digi

    Xin chào! Mình là Duẩn, người sáng lập ra blog này. Hy vọng những nội dung mà mình viết sẽ cung cấp thông tin hữu ích dành cho bạn.

    Xem thêm:

    Viết một bình luận