Nếu bạn xuất bản nội dung dài, việc thêm mục lục sẽ giúp ích cho cả công cụ tìm kiếm và khách con người để điều hướng và hiểu nội dung của bạn.

Với tiện ích Tiện ích Mục lục cho WordPress, bạn có thể dễ dàng thêm mục lục vào website tự động tạo nội dung của nó dựa trên thứ bậc của thẻ tiêu đề trong nội dung của bạn.

Ví dụ:

Cách thêm nội dung bảng wordpress element hoặc thẻ blogpascher

Nếu bạn sử dụng tiện ích này với trình tạo chủ đề trực quan của Elementor Chuyên nghiệp, bạn có thể tự động thêm mục lục vào tất cả nội dung của mình mà không cần nhấc ngón tay lên. Khi khách truy cập nhấp vào một liên kết trong mục lục, nó hoạt động như một mỏ neo và đưa họ đến phần đó của trang.

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn chính xác cách định cấu hình tiện ích con Tiện ích Mục lục cho WordPress avec Elementor Trình tạo chủ đề.

Nhưng trước đây, hãy cùng nhau khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn.

Sau đó, trở lại lý do tại sao chúng ta ở đây.

Cách thêm mục lục với Elementor

Trước hết, chúng tôi cần lưu ý rằng bạn cũng có thể sử dụng tiện ích này một cách cơ bản. Tuy nhiên, trong hướng dẫn này, chúng tôi tập trung vào việc tự động thêm mục lục vào tất cả (hoặc một số) nội dung của bạn bằng cách sử dụng Elementor Trình tạo chủ đề và các mẫu bài đăng độc đáo.

Đây là cách để làm điều đó.

1. Tạo hoặc sửa đổi một mẫu bài đăng

Để bắt đầu, hãy sử dụng Elementor Theme Builder để tạo một mẫu bài đăng độc đáo mới hoặc chỉnh sửa bất kỳ mẫu bài đăng độc đáo nào hiện có của bạn mà bạn muốn thêm mục lục.

Bạn có thể áp dụng mẫu của mình cho bất kỳ loại bài đăng nào (blog, trang, loại bài đăng tùy chỉnh), nhưng chúng tôi sẽ tập trung vào các bài đăng trên blog.

2. Thêm tiện ích Mục lục

Khi bạn đã mở mẫu bài đăng duy nhất của mình, hãy thêm tiện ích Mục lục nơi bạn muốn mục lục của mình xuất hiện. Nó nằm trong danh mục Unique, với các widget cho tiêu đề bài đăng và nội dung bài đăng:

Cách thêm nội dung mục lục wordpress elementor blogpascher 1

Khi bạn đã thêm tiện ích, bạn sẽ tự động thấy danh sách tất cả các tiêu đề có trong bài đăng.

Bây giờ là lúc để cấu hình cài đặt của tiện ích này.

3. Định cấu hình bảng widget

Đảm bảo mở Cài đặt cho tiện ích Mục lục. Sau đó, sử dụng tab Nội dung để định cấu hình nội dung xuất hiện trong mục lục của bạn.

Đầu tiên, thêm tiêu đề - ví dụ: "Mục lục". Đây là văn bản tĩnh xuất hiện phía trên danh sách các liên kết cố định mà tiện ích con tự động tạo.

Sau đó chọn nội dung cần đưa vào. Trong tab Bao gồm, Bạn có thể vào :

  • Thẻ HTML. Ví dụ, bạn có thể bao gồm và, nhưng không phải là bất cứ điều gì ít hơn. Bạn cần xác định thẻ tiêu đề của mình trong trình chỉnh sửa WordPress.
  • Container. Bạn cũng có thể thêm liên kết neo vào các vùng chứa khác bên ngoài nội dung bài đăng của mình. Ví dụ, ngón chân của bạn. Đây là một tính năng nâng cao.

Cách thêm nội dung mục lục wordpress elementor blogpascher 2

Nếu bạn truy cập tab Loại trừ, bạn có thể loại trừ các tiêu đề cụ thể khỏi bài đăng của mình bằng bộ chọn CSS. Ví dụ: nếu bạn muốn loại trừ một tiêu đề , bạn có thể thêm một lớp CSS đặc biệt " bỏ qua Đối với tiêu đề đó bằng trình chỉnh sửa WordPress, sau đó loại trừ nó bằng quy tắc  Neo bởi Selector :

Cách thêm nội dung mục lục wordpress elementor blogpascher 3

Sau đó, bạn có thể sử dụng tham số Chế độ xem điểm đánh dấu để chọn giữa các số và dấu đầu dòng trong danh sách mục lục của bạn. Nếu bạn chọn " đạn ", bạn có thể chọn từ bất kỳ biểu tượng Font Awesome.

Cuối cùng, bạn có thể sử dụng phần Các tùy chọn để kiểm soát các thông số khác:

Word Wrap - các phần tử có thể có vài dòng hay không.

Hộp thu nhỏ - nếu khách có thể hoặc không thể làm giảm mục lục. Nếu bật tùy chọn này, bạn cũng có thể chọn các biểu tượng tùy chỉnh và đặt hành vi phản hồi. Ví dụ: bạn có thể tự động thu gọn mục lục này cho khách trên điện thoại di động.

Chế độ xem phân cấp - khi được bật, các tiêu đề phụ sẽ được thụt vào trong các tiêu đề chính. Nếu bị vô hiệu hóa, mọi thứ được hiển thị trong một danh sách duy nhất không có thụt lề.

Cách thêm nội dung mục lục wordpress elementor blogpascher 4

4. Định cấu hình cài đặt kiểu

Tiếp theo, điều hướng đến tab Kiểu để định cấu hình thiết kế mục lục của bạn. Bạn có thể thay đổi tất cả màu sắc và kiểu chữ để tạo ra trải nghiệm thân thiện với người dùng và phù hợp với phần còn lại của thiết kế của bạn. website :

Cách thêm nội dung mục lục wordpress elementor blogpascher 5

5. Định cấu hình cài đặt nâng cao

Để hoàn thành mọi việc, hãy chuyển đến tab Nâng cao để định cấu hình thêm một số cài đặt cho cách hoạt động của mục lục.

Ví dụ: nếu bạn đặt Chiều rộng  tương đương với Tuỳ chỉnh et Chức vụ tương đương với đã sửa trong phần Định vị, bạn có thể đảm bảo rằng mục lục vẫn ở vị trí cũ ngay cả khi người dùng bắt đầu cuộn trang.

Nếu bạn sử dụng Định vị để hiển thị mục lục của bạn trên đầu phần tử khác (như tiêu đề của bạn), bạn cũng có thể tăng chỉ mục Z để làm cho nó xuất hiện ở trên cùng:

Cách thêm nội dung mục lục wordpress elementor blogpascher 6

Và đó là tất cả ! Bạn vừa học được cách tự động thêm mục lục vào nội dung của mình bằng cách sử dụng tiện ích con Elementor Visual Theme Builder và Table of Contents.

Để bắt đầu, hãy mua Elementor Pro hôm nay và tạo mục lục của bạn trong Trình tạo chủ đề Elementor.