Bỏ qua đến nội dung chính

Cách tạo menu lớn trên Divi

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Các menu Mega cho phép người dùng xem nhiều liên kết hơn cùng một lúc mà không phải cuộn, di chuyển qua và nhớ nội dung của menu. Cách tốt nhất để hiểu menu lớn là chúng là menu thả xuống trong menu thả xuống.

Vì vậy, thay vì trình đơn thả xuống bình thường của bạn hiển thị menu phụ khi bạn di chuột qua các liên kết chính trong thanh điều hướng, menu mega cho phép bạn có các liên kết bổ sung và các trình đơn phụ trong trình đơn thả xuống.

Cách thêm menu mega vào thanh điều hướng của bạn

Đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến Xuất hiện> Menu .

menu wordpress divi.png

Tạo một menu với bốn liên kết cha mẹ với mỗi liên kết cha mẹ có liên kết menu phụ của riêng chúng. Trong ví dụ bên dưới, tôi thêm ba mục menu con trong mỗi liên kết menu cha.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả giá đắt cho những gì bạn có thể tự làm. [Miễn phí]

menu divi.png

Bạn đang tìm kiếm các chủ đề và plugin WordPress tốt nhất?

Tải xuống các plugin và chủ đề WordPress tốt nhất từ ​​Envato và dễ dàng tạo trang web của bạn. Đã có hơn 49.720.000 lượt tải xuống. [ĐỘC QUYỀN]

Tạo liên kết bổ sung để phục vụ dưới dạng liên kết megamen. Đối với ví dụ bên dưới, tôi gọi liên kết này là "Chính". Sau đó kéo hai liên kết menu cha (mỗi liên kết con của chúng) trong liên kết Chính.

Bây giờ, để tạo Megamenu của bạn, bạn cần phải thêm một lớp CSS đặc biệt vào liên kết chính cấp cao nhất được gọi là "Chính". Bạn có thể làm điều này bằng cách nhấp vào liên kết tùy chọn màn hình ở đầu trang của bạn và đảm bảo tùy chọn lớp CSS được chọn.

css classes divi.png

Cuối cùng, bạn cần thêm lớp CSS vào liên kết "Chính" mà bạn vừa tạo. Nhấp vào mũi tên ở bên phải của mục menu "Chính" để chuyển đổi các tùy chọn cấu hình bổ sung. Tìm hộp văn bản có nhãn Lớp CSS và nhập lớp "mega-menu".

mega menu divi.png

Bây giờ, khi bạn tải lại trang của mình, bạn có thể thấy rằng tất cả các menu trước đã được đặt trong menu khổng lồ bên dưới liên kết này, Menu Mega.

Dễ dàng tạo cửa hàng trực tuyến của bạn

Tải xuống WooC Commerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Khuyến nghị]

mega menu divi example.png

Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tạo một menu lớn trên Divi một cách dễ dàng.

Bài viết này chứa comments 0

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được chỉ định bằng *

Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu thêm về cách sử dụng dữ liệu phản hồi của bạn.

Trở lại đầu trang
13 cổ phiếu
cổ phiếu6
tweet
Enregistrer7