Giơi thiệu

Hé lô các coder, chắc hẳn các bạn nào đang làm website bằng wordpress đều biết đến plugin Visual Composer (WPBakery) rồi nhỉ?. Plugin này là một trong những plugin mạnh mẽ trong top các plugin sử dụng để xây dựng 1 website WordPress. Ngoài ra, cũng có một số plugin mạnh mẽ khác như: Elementor, Divi, Themeify, Beaver Builder,…v…v… Việc tạo MegaMenu khá rườm rà nếu các bạn ngồi code mà không sử dụng plugin cho nên ở topic này mình sẽ hướng dẫn các bạn tạo MegaMenu với plugin Visual Composer này (Mình xin gọi tắt plugin này là “VC” :))).

Hướng dẫn

Bươc 1: Cài đặt plugin VC và Clever Mega Menu

1. Plugin Visual Composer

Hiện tại VC không còn cho xài Free nữa các bạn có thể sử dụng bản Nulled. Bản Nulled là gì?

2. Plugin Clever Mega Menu

Các bạn vào Appearance > Plugin > Add New > Tìm Clever Mega Menu để cài đặt

Bước 2: Tạo Menu chính và cài đặt cho Menu

Trước tiên các bạn tạo menu chính cho website của mình và set theme cho megamenu đã N.H.É.

Vào Appearance > Menus > Create a new menuSetting theo mình dưới đây

Tạo Primary Menu
Setting cho Menu

Bước 3: Xây dựng MegaMenu bằng VC

Ở trên mỗi menu sẽ có dòng MegaMenu các bạn vào đấy để thiết kế menu của các bạn theo ý thích n.h.é.

Mega Menu

Thiết kế xong thì các bạn nhớ bật Enabel Mega lên và Save All để hoạt động megamenu

Bật Enable Mega và Save All

Bạn nào muốn tạo MegaMenu đơn giản thì làm theo cách này của mình nhé:

Các bạn tạo ra những menu con chứa các item page, category,..v…v.. để add vào MegaMenu của mình.

Tạo menu con

Tiếp theo, là thiết kế như hình dưới đây:

Thiết kế các cột và add menu vào cột
Widget WP Custom Menu

Các bạn thiết kế mấy cột thì tùy các bạn nhé, trong các cột các bạn sử dụng widget là WP Custom Menu và tìm đến menu con các bạn để tạo là OK.

Bước 4: Tạo theme và cài đặt theme MegaMenu

Sau khi cài Clever Mega Menu các bạn vào mục Menu Themes như hình dưới để tạo và cài đặt theme cho MegaMenu của các bạn.

Menu Themes

Tạo theme hoặc sử dụng theme mặc định (Default) như hình dưới:

Danh sách theme của MegaMenu

Tùy chỉnh thì các bạn tự mò nhé, để giải thích hết thì khá là dài dòng. Cụ thể là nó bao gồm phần cài đặt cho MegaMenu như: chỉnh chiều cao, padding, margin, font-size, border, font-weight,..v..v.. Cũng không khó khăn gì lắm cho những bạn coder 😀

Kết Luận

Chỉ cần 4 bước là các bạn đã có thể tạo được MegaMenu rồi đúng không?. Vậy nếu trường hợp các bạn không sử dụng plugin WPBakery mà sử dụng plugin khác như Elementor hay Divi Builder,…v…..v.. thì sao? Sẽ có bài viết về những plugin khác cho nên các bạn yên tâm nhé!