Uncategorized

TRÌNH TẠO MENU MEGA

Tổng quat

Sử dụng ElementsKit Megamenu Builder giàu tính năng,   bạn có thể tạo và tùy chỉnh bất kỳ loại Megamenu nào bằng cách sử dụng trình tạo trang Elementor. Đây là một bài viết toàn diện để giải thích chi tiết từng phương pháp. Làm theo quy trình từng bước để tạo  Megamenu .

** Lưu ý: Inorder để sử dụng tính năng Megamenu của chúng tôi, hãy đảm bảo rằng bạn đã sử dụng tiện ích ElementsKit Nav Menu của chúng tôi  ( ảnh chụp màn hình ) cho menu điều hướng của bạn trên tiêu đề. Nếu không, tính năng megamenu sẽ không hoạt động .

Xem hướng dẫn video của chúng tôi:https://www.youtube.com/embed/lprqRBvKMQM?feature=oembed

Hoặc, làm theo hướng dẫn từng bước:

  • Đảm bảo mô-đun Megamenu được BẬT từ ElementsKit → MODULES

Bước # 1: Thêm Menu

  • Nhấp vào Tạo menu mới
  • Cung cấp Tên Menu => Tạo Menu
  • Mở rộng Liên kết tùy chỉnh => Cung cấp URL và Văn bản liên kết => Nhấp vào Thêm vào Menu.
  • Thêm các Mục Menu khác theo cùng một cách.
  • Tích vào ô “Bật menu này cho nội dung Megamenu” => Nhấp vào Menu Mega với biểu tượng Setting trên mục Menu mà bạn muốn thêm Mega Menu.

Bước # 2: Tùy chỉnh nội dung Megamenu

  • Một popup sẽ mở, chuyển đổi các Mega menu kích hoạt tùy chọn sau đó Save sau đó nhấp chuột EDIT MEGAMENU NỘI DUNG nút
  • Nhấp vào Biểu tượng Thư viện Mẫu ElementsKit
  • Vào Phần => Nhấp vào Danh mục => Chọn Megamenu từ danh sách.
  • Chèn bất kỳ Nội dung Mega Menu nào .
  • Bạn sẽ thấy mục đã chèn của mình sẽ hiển thị.

Bố cục điều khiển

  • Chỉnh sửa phần Bên trong bằng cách nhấp vào Phần có dấu chấm.
  • Hộp Chiều rộng Nội dung : Tùy chỉnh Chiều rộng Nội dung của bạn bằng cách kéo sang Phải hoặc Trái.
  • Chiều rộng đầy đủ của nội dung : Chọn Chiều rộng đầy đủ .

Chọn Khoảng cách Cột

  • Khoảng cách cột => Chọn Khoảng cách cột của bạn từ trình đơn thả xuống.

Chọn vị trí

  • Chiều cao: Chọn Chiều cao của bạn kéo từ Trái sang Phải.
  • Căn chỉnh theo chiều dọc: Chọn Căn chỉnh theo chiều dọc từ Trình đơn thả xuống.
  • Phần tràn: Chọn Mặc định phần tràn hoặc Ẩn.

Chọn thẻ HTML

  • Chọn Thẻ HTML của bạn từ Trình đơn thả xuống .

Tùy chỉnh văn bản tiêu đề của Mega Menu

  • Chọn Loại biểu tượng .
  • Bật để thêm biểu tượng .
  • Tải lên Biểu tượng Tiêu đề .
  • Thêm hoặc chỉnh sửa tiêu đề .
  • Thêm Chỉnh sửa Mô tả .

Tùy chỉnh văn bản

  • Thêm hoặc chỉnh sửa văn bản .
  • Thêm hoặc chỉnh sửa tiêu đề phụ .
  • Bật để hiển thị nhãn .
  • Thêm hoặc chỉnh sửa nhãn .
  • Tùy chỉnh Màu nền, Kiểu chữ, Lớp đệm, Căn chỉnh, Bán kính .
  • Sau khi hoàn tất, hãy nhấp vào cập nhật và đóng cửa sổ.

Bước # 3: Tùy chỉnh biểu tượng

  • Bây giờ vào Tab Biểu tượng => Chọn bất kỳ màu nào từ Bảng màu .
  • Chọn Biểu tượng từ Thư viện Biểu tượng .

Bước # 4: Tùy chỉnh huy hiệu

  • Thêm hoặc chỉnh sửa văn bản .
  • Chọn Màu huy hiệu .
  • chọn Màu nền huy hiệu .
  • Nhấp vào Lưu .

Bước # 5: Cài đặt

Chiều rộng mặc định

  • Chọn Mega Menu Width: Mặc định .
  • Chọn Mega Menu Vị trí: Mặc định .
  • Lưu cửa sổ.
  • Chế độ xem trang web : Hiển thị Chiều rộng Mặc định với Vị trí Mặc định.

Tương đối mặc định 

  • Chọn Mega Menu Width: Mặc định .
  • Chọn Mega Menu Vị trí: Tương đối .
  • Nhấp vào Lưu .
  • Chế độ xem trang web : Hiển thị Chiều rộng Mặc định với Vị trí Tương đối.

Chiều rộng đầy đủ mặc định

  • Chọn Mega Menu Width: Full Width .
  • Chọn Mega Menu Vị trí: Mặc định .
  • Nhấp vào Lưu .
  • Chế độ xem trang web : Hiển thị toàn bộ chiều rộng với vị trí mặc định.

Vị trí tương đối có chiều rộng đầy đủ

  • Chọn Mega Menu Width: Full Width .
  • Chọn Mega Menu Vị trí: Tương đối .
  • Nhấp vào Lưu .
  • Chế độ xem trang web : Hiển thị toàn bộ chiều rộng với vị trí tương đối .

Chiều rộng mặc định tùy chỉnh

  • Chọn Mega Menu Width: Chiều rộng tùy chỉnh .
  • Cung cấp bất kỳ chiều rộng tùy chỉnh nào nhưng theo mặc định, nó là 750px .
  • Chọn Mega Menu Vị trí: Mặc định .
  • Nhấp vào Lưu .
  • Chế độ xem trang web : Hiển thị chiều rộng tùy chỉnh với vị trí mặc định .

Chiều rộng mặc định tùy chỉnh tương đối

  • Chọn Mega Menu Width: Chiều rộng tùy chỉnh .
  • Cung cấp bất kỳ chiều rộng tùy chỉnh nào nhưng theo mặc định, nó là 750px .
  • Chọn Mega Menu Vị trí: Tương đối .
  • Nhấp vào Lưu .
  • Chế độ xem trang web : Hiển thị chiều rộng tùy chỉnh với vị trí tương đối .

Bước # 6: Tạo mẫu tiêu đề

Ở đây bạn có thể sử dụng Mẫu tiêu đề Elementor hoặc bạn có thể sử dụng Mẫu tiêu đề ElementsKit. Hãy xem để thêm nó.

  • Điều hướng đến ElementsKit → Header Footer → và nhấp vào Thêm mới .
  • Một hộp bật lên sẽ mở ra với các tùy chọn.
  • Trong hộp bật lên, nhập Tiêu đề , chọn Loại → Tiêu đề .
  • Chọn Điều kiện → Toàn bộ trang web .
  • Chuyển đổi tùy chọn Kích hoạt và nhấp vào Chỉnh sửa Với Elementor .
  • Chọn Cấu trúc của bạn từ khu vực đã chọn.
  • Bây giờ Search Nav Menu => Kéo Widget ElementsKit Nav Menu Widget và thả vào khu vực đã chọn.

** Lưu ý: Đảm bảo sử dụng Tiện ích Menu Điều hướng ElementsKit . Nếu không, Megamenu đã tạo của bạn sẽ không xuất hiện.

  • Bây giờ, hãy vào Menu Settings => chọn Menu Header đã tạo của bạn từ menu thả xuống.
  • Bạn có thể thêm bất kỳ loại tiện ích nào từ đây để tùy chỉnh mẫu tiêu đề của mình.

Đầu ra cuối cùng

  • Sau khi hoàn tất, hãy nhấp vào nút Cập nhật để lưu menu.
  • Bây giờ hãy truy cập trang web của bạn và bạn có thể thấy Megamenu đã chọn của bạn đang hiển thị tương ứng.

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Check Also
Close
Back to top button