[Hướng đẫn] Tạo slide mục lục nội dung chính trượt theo bài viết trong wordpress

Chào mọi người mình là một sinh viên ngành điện tử nhưng rất đam mê wordpress và sau một thời gian tìm hiểu sử dung mã nguồn mở này mình muốn chia sẻ những gì mình có được hi vọng được mọi người ủng hộ.
​

1.Giới thiệu:
Mục lục nội dung chính là điều cần thiết cho một bài viết trong wordpress nó giúp cho người đọc có cái nhìn tổng quan về nội dung bài viết đồng thời google sẽ index bài viết tốt hơn. Nếu để ý chúng ta có thể thấy trên Wikipedia luôn luôn có phần phụ lục này trong mọi bài viết

Trong bài viết này mình sẽ hướng dẫn bạn làm một phụ lục nội dung trượt theo bài viết và luôn nằm bên thanh Slidebar


demo các bạn có thể xem tại đây nó chỉ là 1 trang free mình dung để test giao diện thôi nhé có thể rất chậm
=> http://hungktmt.pixub.com/tu-hoc-vi-dieu-khien-ms430/

2. Chuẩn bị:
Các bạn cần có 2 plugin sau đây
[LOCK]Table of Contents Plus
https://wordpress.org/plugins/table-of-contents-plus/

Q2W3 Fixed Widget
https://wordpress.org/plugins/q2w3-fixed-widget/[/LOCK]

Đầy là 2 plugin miễn phí nên các bạn yên tâm về bản quyền nhé
Table of Contents Plus để tạo phụ lục bài viết thông qua các thẻ <H1> đên <H4>
Q2W3 Fixed Widget để kiểm soát wiget do Table of Contents Plus ra cố định tại một vị trí trên màn hình
3. Cài đặt:
Trong phần Setting của Table of Contents Plus các bạn cài đặt như sau

Mục Show when là số mục đánh dấu và widget mục lục sẽ chỉ xuất hiện khi số chỉ mục các thẻ trong bài viết >4
Auto insert chọn post để widget chỉ hiện thị tại trang bài viết
Enable smooth scroll effect chọn tích vào Scroll rather than jump to the anchor link để khi nhấn vào link thì website sẽ trượt nhẹ đến nội dung nhìn sẽ dễ chịu hơn.

Đối với Q2W3 Fixed Widget sau khi cài sẽ không có setting tại Appearance


Các cài đặt cho plugin này chủ yếu như sau:


Với Margin Top và Margin Buttom là các thông số cho vị tri widget mà bạn muốn cố định trên màn hình tùy theo theme mà bạn tuy chinh cho phù hợp.

Cuối cùng bạn vào Appearance>Widget sau đó kéo 1 widget có tên là TOC+ vào Slidebar và cài đặt option như sau

Vậy là xong rồi nhé chúc thành công GooK LucK
đây là lần đầu mình đăng bài viết nên còn nhiều thiếu sót hi vong nhận được nhiều sự ủng hộ

Mọi chi tiết xin liên hệ:
Email: lehungmt94@gmail.com
Sdt: 01659174217
Fb:fb.com/rosun194
Mình nhận làm các dụ án các website cá nhân tổ chức trên wordpress giả cả họp lý (dưới 1 triệu đông)