Menu Mega cho phép người dùng xem nhiều liên kết hơn trong một lần mà không cần phải cuộn, di chuột và ghi nhớ nội dung từ thực đơn của bạn. Cách tốt nhất để nghĩ về mega menu là chúng là các menu thả xuống bên trong các menu thả xuống.
Vì vậy, thay vì menu thả xuống bình thường của bạn hiển thị menu con 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ó thêm các liên kết chính và menu con trong menu thả xuống.
Cách thêm menu lớn 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 Giao diện> Thực đơn .
Tạo một menu với bốn liên kết mẹ với mỗi liên kết mẹ có các liên kết menu con của riêng chúng. Trong ví dụ dưới đây, tôi thêm ba mục menu con dưới mỗi liên kết trong bốn liên kết menu chính.
Tạo một liên kết bổ sung để phục vụ như một liên kết menu lớn. Ví dụ dưới đây, tôi gọi liên kết này là "Chính". Sau đó kéo hai liên kết menu chính (mỗi liên kết có liên kết menu con của chúng) bên dưới liên kết Chính.
Bây giờ để tạo Megamenu của bạn, bạn cần 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ể thực hiện việc 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 rằng tùy chọn lớp CSS được chọn.
Cuối cùng, bạn cần thêm một 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ó tiêu đề Lớp CSS và nhập lớp "mega-menu".
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ồ dưới liên kết này, Menu Mega.
Đó 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.
