Xây dựng ngôi nhà online với ATPWeb
  • Kiến thức Website
    • Thiết kế Website
    • Kiến thức WordPress
    • Tối ưu website
  • SEO Website
    • Onpage SEO
    • Offpage SEO
    • Content SEO
    • RankMath
  • Quản trị Server – máy chủ
  • Kinh doanh – Khởi nghiệp
    • Kiến thức kinh doanh
    • Phân tích kinh doanh
    • Bài học kinh doanh
    • Ý tưởng kinh doanh
    • Thương Hiệu
    • Quản lý doanh nghiệp
    • Bán hàng
  • Marketing Online
    • Google Ads
    • Facebook Marketing
    • Instagram Marketing
    • Tiktok Marketing
    • Youtube Marketing
    • Zalo Marketing
    • Email Marketing
    • SMS marketing
    • Công cụ marketing
    • Phần mềm ATP Software
  • Kiến thức tổng hợp
  • Kinh nghiệm Thiết kế Website
  • Kiến thức Website
    • Thiết kế Website
    • Kiến thức WordPress
    • Tối ưu website
  • SEO Website
    • Onpage SEO
    • Offpage SEO
    • Content SEO
    • RankMath
  • Quản trị Server – máy chủ
  • Kinh doanh – Khởi nghiệp
    • Kiến thức kinh doanh
    • Phân tích kinh doanh
    • Bài học kinh doanh
    • Ý tưởng kinh doanh
    • Thương Hiệu
    • Quản lý doanh nghiệp
    • Bán hàng
  • Marketing Online
    • Google Ads
    • Facebook Marketing
    • Instagram Marketing
    • Tiktok Marketing
    • Youtube Marketing
    • Zalo Marketing
    • Email Marketing
    • SMS marketing
    • Công cụ marketing
    • Phần mềm ATP Software
  • Kiến thức tổng hợp
  • Kinh nghiệm Thiết kế Website
Xây dựng ngôi nhà online với ATPWeb
thiết kế website nhận ngay quà tặng
mục lục website bằng elementor

Hướng dẫn Thiết lập mục lục website bằng Elementor

ATP Web Kiến thức Website Thiết kế Website
  • Đăng bởi Đinh Ngọc Trọng
  • Tháng Mười Hai 26, 2022
mục lục website bằng elementor

Nội dung bài viết

  1. Cách thêm mục lục website bằng Elementor
    1. 1. Tạo hoặc chỉnh sửa một mẫu bài đăng
    2. 2. Thêm tiện ích mục lục website bằng Elementor
    3. 3. Cấu hình mục lục Widgets
    4. 4. Cấu hình cài đặt kiểu
    5. 5. Cấu hình cài đặt nâng cao
  2. Tổng kết

Mục lục của Elementor tự động tạo nội dung dựa trên hệ thống phân cấp của các thẻ tiêu đề trong nội dung của bạn. Trong bài đăng này, ATPWEB sẽ chỉ cho bạn chính xác cách tạo mục lục website bằng Elementor.

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

Với mục lục tiện ích Elementor dành cho WordPress , bạn có thể dễ dàng thêm mục lục vào trang web của mình để tự động tạo nội dung dựa trên phân cấp của các thẻ tiêu đề trong nội dung của bạn.

Ví dụ:

<h2>

  • <h3>
  • <h3>

<h2>

  • <h3>

mục lục website bằng ElementorNếu bạn sử dụng mục lục với Theme Builder trong Elementor Pro, 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. Khi khách truy cập nhấp vào một liên kết trong mục lục, nó sẽ đưa họ đến phần đó trên trang.

Trong bài đăng này, ATPWEB sẽ hướng dẫn cho bạn cách chính xác nhất để thiết lập mục lục website bằng Elementor.

Cách thêm mục lục website bằng Elementor

Trước hết, chúng tôi xin lưu ý rằng bạn cũng có thể sử dụng mục lục tiện ích này trên cơ sở từng phầ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 Trình tạo mục lục website bằng Elementor và các mẫu bài đăng đơn lẻ.

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

1. Tạo hoặc chỉnh sửa 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 mới hoặc chỉnh sửa một trong các mẫu bài đăng hiện có của 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 (bài đăng trên 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 ở đây.

2. Thêm tiện ích mục lục website bằng Elementor

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

Thêm tiện ích mục lục

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 mà bạn hiện đang xem trước.

Bây giờ, đã đến lúc định cấu hình cài đặt cho tiện ích mục lục website bằng Elementor.

3. Cấu hình mục lục Widgets

Đảm bảo mở cài đặt cho Mục lục. Sau đó, chọn nội dung để cấu hình thành nội dung hiển thị trong mục lục của bạn.

Đầu tiên, thêm tiêu đề – ví dụ: “Mục lục”. Đây là một văn bản tĩnh hiển thị phía trên danh sách liên kết mà Elementor tự động tạo.

Sau đó, chọn nội dung cần đưa vào. Trong mục lục, bạn có thể nhập:

  • Thẻ tiêu đề: Ví dụ, bạn muốn có thể bao gồm thẻ <h2> và <h3>, nhưng không phải bất kỳ thứ gì bên dưới thẻ đó. Bạn có thể cài đặt các thẻ tiêu đề của mình trong trình chỉnh sửa WordPress.
  • Nơi chứa khác: Bạn cũng có thể thêm các liên kết 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ụ, cuối trang của bạn. Đây là một tính năng nâng cao.

Cấu hình mục lục Widgets

Nếu bạn đi đến thẻ loại bỏ, bạn có thể loại bỏ các tiêu đề cụ thể khỏi bài đăng của mình bằng lớp CSS. Ví dụ: nếu bạn muốn loại bỏ một tiêu đề <h2> duy nhất, bạn có thể thêm một lớp CSS “bỏ qua” đặc biệt vào tiêu đề đó bằng trình chỉnh sửa WordPress và sau đó loại bỏ nó bằng quy tắc Anchors by Selector :
Cấu hình mục lục Widgets-1
Tiếp theo, bạn có thể sử dụng Marker View để chọn giữa số và dấu đầu dòng cho danh sách mục lục của bạn. Nếu bạn chọn “dấu đầu dòng”, bạn có thể chọn từ bất kỳ Font Awesome icon.
Cuối cùng, bạn có thể sử dụng  Additional Options để kiểm tra cài đặt khác:
  • Word Wrap – các mục có thể chiếm nhiều dòng hay không.
  • Minimize Box – khách truy cập có thể thu nhỏ mục lục hoặc là không. Nếu được bật, 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 nhỏ để bắt đầu cho khách truy cập trên thiết bị di động.
  • Chế độ xem phân cấp – khi được bật, các tiêu đề phụ sẽ được thụt vào bên dưới các tiêu đề chính.
    Bạn cũng có thể chọn thu gọn các mục con bên dưới mỗi mục gốc. Nếu bị tắt, mọi thứ sẽ chỉ xuất hiện trong một danh sách không có thụt đầu dòng.

Cấu hình mục lục Widgets-24. Cấu hình cài đặt kiểu

Tiếp theo, chuyển đến tab Style để cấu hình 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 cảm giác thân thiện với người dùng và phù hợp với phần còn lại của trang web và thiết kế mẫu của bạn:

Cấu hình cài đặt kiểu

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

Để hoàn tất mọi thứ, hãy chuyển đến tab Nâng cao để cấu hình một vài cài đặt bổ sung cho cách mục lục của bạn hoạt động.
Ví dụ: nếu bạn cài đặt chiều rộng bằng tùy chỉnh và vị trí cố định trong phần vị trí, bạn có thể đảm bảo rằng mục lục vẫn ở cùng một vị trí ngay cả khi người dùng bắt đầu cuộn trang xuống.
Nếu bạn sử dụng vị trí để hiển thị mục lục của mình “ở trên cùng” một phần tử khác (chẳng hạn như tiêu đề của bạn), bạn cũng có thể tăng Z-Index để làm cho mục lục xuất hiện ở trên cùng:
Cấu hình cài đặt nâng cao

Tổng kết

Bạn vừa học cách tự động thêm mục lục website bằng Elementor bằng nội dung của mình và tiện ích mục lục. Để bắt đầu, hãy mua Elementor Pro ngay hôm nay để bắt đầu sử dụng tiện ích Mục lục trong Elementor Theme Builder.

ATPWEB – XÂY DỰNG NGÔI NHÀ ONLINE

Liên hệ:

  • Hotline: 0707 6666 56
  • Fanpage: ATP Web
  • Website: atpweb.vn
Cảm ơn bạn đã đánh giá bài viết
0
Chia Sẻ
59
Lượt Xem
Share on Facebook
Theo dõi
Đăng nhập
Thông báo của
guest
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
  • Bài viết mới

FNB KiotViet là gì? Tích hợp KiotViet FNB vào website WordPress 2023

Cách kéo 1000 traffic về website đơn giản và tiết kiệm chi phí

[SHARE] 454 Câu lệnh giúp ChatGPT trả lời chính xác nhất

[Hướng dẫn] Ứng dụng Chat GPT để viết content website tự động 100%

Reels là gì ? Làm sao để reels lên xu hướng ?

TỔNG HỢP 30+ TÀI LIỆU EBOOK CHIA SẺ KIẾN THỨC KINH DOANH ONLINE DO ATP HOLDINGS BIÊN SOẠN

  • Bạn cần tìm gì ?
Search
  • Sản phẩm
Simple Ninja Pro

Phần mềm hỗ trợ kết bạn khách hàng tiềm năng, nuôi nick Facebook, xây dựng trang cá nhân bán hàng trên Facebook

  • BÀI VIẾT LIÊN QUAN
KiotViet FNB vào website ATPWEB
Thiết kế Website
FNB KiotViet là gì? Tích hợp KiotViet FNB vào website WordPress 2023
mục lục website bằng rank math
Thiết kế Website
Hướng dẫn Thiết lập mục lục website bằng Rank Math
Kiến thức Website
Website là gì? Khái niệm và lợi ích của website 2023
Tạo mục lục cho WordPress như thế nào
Thiết kế Website
Hướng dẫn Tạo Mục lục cho WordPress hiệu quả nhất 2023
Vì sao nên thuê dịch vụ thiết kế website Đà Nẵng?
Kiến thức Website
Vì sao nên thuê dịch vụ thiết kế website Đà Nẵng?
Thiết kế Website
Top 12+ Mẫu Website Bất động sản Đẹp – Chuyên Nghiệp – Hiệu quả nhất 2023
THIẾT KẾ WEBSITE
  • Thiết kế Website Nội thất
  • Thiết kế Website Bất động sản
  • Thiết kế Website Bán hàng Công nghệ
  • Thiết kế Website Du lịch
  • Giao diện Web
CẨM NANG
  • Thương hiệu
  • Marketing online
  • Bán hàng đa kênh
  • Công cụ marketing
  • Ý tưởng kinh doanh
LIÊN KẾT
  • Rút gọn link
  • Ghi chú trực tuyến
  • Thiết kế landingpage
  • Nền tảng học trực tuyến
  • Bộ giải pháp marketing online
ĐIỀU KHOẢN & CHÍNH SÁCH
  • Chính sách bảo mật
  • Điều khoản sử dụng
  • Chính sách cài đặt
  • Chính sách bảo hành
  • Hướng dẫn thanh toán

© 2019 Thiết kế và thuộc bản quyền bởi ATPWEB
Đại diện: Ông Nguyễn Vĩnh Lộc, cấp tại Chi cục Thuế Quận Thủ Đức

Atpsoftware Thong Bao Bo Cong Thuong .png
DMCA.com Protection Status
  • Kiến thức Website
    • Thiết kế Website
    • Kiến thức WordPress
    • Tối ưu website
  • SEO Website
    • Onpage SEO
    • Offpage SEO
    • Content SEO
    • RankMath
  • Quản trị Server – máy chủ
  • Kinh doanh – Khởi nghiệp
    • Kiến thức kinh doanh
    • Phân tích kinh doanh
    • Bài học kinh doanh
    • Ý tưởng kinh doanh
    • Thương Hiệu
    • Quản lý doanh nghiệp
    • Bán hàng
  • Marketing Online
    • Google Ads
    • Facebook Marketing
    • Instagram Marketing
    • Tiktok Marketing
    • Youtube Marketing
    • Zalo Marketing
    • Email Marketing
    • SMS marketing
    • Công cụ marketing
    • Phần mềm ATP Software
  • Kiến thức tổng hợp
  • Kinh nghiệm Thiết kế Website

© 2020 ATPWeb - Xây dựng ngôi nhà online ATPWeb

wpDiscuz