Mọi chủ trang web biết traffic là máu sống, và nội dung tốt là chìa khóa kéo traffic. Nhưng thu hút khách chưa đủ; giữ chân họ cũng thiết yếu. Đó là nơi thiết kế web và giao diện người dùng đóng vai trò quan trọng. Nếu trang web trực quan và dễ nhìn, khách ở lâu hơn, công cụ tìm kiếm yêu thích trang hơn, và trang đạt vị trí cao hơn kết quả tìm kiếm.
Một trong những yếu tố then chốt của thiết kế trực quan, dễ dùng là menu. Nếu muốn menu nổi bật giữa hầu hết menu web thường thấy, bạn có thể dùng mega menu để bao gồm hình ảnh, widget, và hầu như bất kỳ yếu tố web tương tác nào bạn muốn trong menu. Và nếu bạn dùng WordPress, có plugin cho việc đó.
Hiểu Về Mega Menu
Mega menu là gì? Đó là một xu hướng gần đây trong thiết kế web được các trang lớn áp dụng, đặc biệt thương mại điện tử như Wal-Mart, OfficeMax, Target, Adidas, Puma, Toys-R-Us, v.v. Bản chất mega menu làm nó hoàn hảo cho bán lẻ trực tuyến. Nhưng cũng lý tưởng cho các trang khác, như Nhà Trắng hoặc IMDB.
Menu cũ như tuổi trang web. Nó là công cụ khách dùng để điều hướng trang web. Menu truyền thống chúng ta yêu và ghét cho chuỗi văn bản và drop-down văn bản, nhưng mega menu đưa mọi thứ lên vài cấp độ.
Mega menu cho phép thêm các yếu tố web khác vào menu. Ví dụ: bạn có thể đưa 5 bài viết mới nhất từ blog kèm ảnh đại diện vào menu. Dùng khả năng này, nhà bán lẻ trực tuyến thêm ảnh sản phẩm và deal hôm nay vào mega menu và dùng như một bảng quảng cáo khác để quảng bá sản phẩm.
Thêm Mega Menu Vào Blog WordPress
Nếu WordPress chạy trang web, và bạn muốn chèn mega menu như một phần trải nghiệm người dùng, quá trình đơn giản như cài plugin và thiết lập một chút.
Có vài lựa chọn trong kho plugin WordPress, nhưng chúng ta dùng một trong phổ biến nhất: hơn 100.000 cài đặt, xếp hạng gần 5 sao hoàn hảo, cập nhật thường xuyên: Max Mega Menu. Bạn dùng với theme hiện có và chỉnh sửa bằng kéo-thả.
Lấy plugin từ bảng điều khiển WordPress vào "Plugins → Add New" và tìm "Max Mega Menu".
Sau cài và kích hoạt, vào "Appearance → Menus" từ sidebar. Sau đó cần kích hoạt Max Mega Menu qua cài đặt bên trái cây menu. Nếu không tìm thấy cài đặt, thử chọn "Primary" làm menu cần chỉnh từ menu thả xuống.
Bạn sẽ thấy tùy chọn Mega Menu thêm khi di chuột qua từng mục menu riêng lẻ.
Bạn dùng menu hiện có làm cơ sở thêm mega menu, hoặc tạo bộ menu mới từ đầu. Chúng tôi không thảo luận cách tạo menu WordPress, vì đó là chuyện khác, nhưng bạn tham khảo trang chính thức.
Bấm tùy chọn Mega Menu sẽ mở bảng chứa tất cả cài đặt Mega Menu cho mục menu này. Các hành động cơ bản:
- Chọn giữa menu thường, cascade, drop-down gọi là "Flyout" hoặc "Mega Menu" nơi khu vực menu lấp đầy chiều rộng menu
- Thêm widget có sẵn vào menu
- Chọn số cột muốn dùng cho mục menu đó
Mỗi widget thêm có nút chỉnh sửa cho phép điều chỉnh nội dung bên trong.
Vì kết quả cuối phụ thuộc vào widget bạn bỏ vào mega menu, mọi thứ归结为 widget bạn có. Càng nhiều item trong bộ sưu tập, càng nhiều khả năng.
Một số theme và plugin đi kèm widget đặc biệt. Bạn cũng tìm thêm widget WordPress nhờ Google. Vì bạn có thể thêm gần như bất cứ thứ gì dùng kết hợp widget "Text" và chút code, trời là giới hạn cho trí tưởng tượng.
Case Study Nhanh
Để bạn hình dung plugin làm được gì, tôi thử case study nhanh.
Đầu tiên đổi menu từ Flyout sang Mega Menu. Sau chọn menu hiện có với sub-menu bên trong, xóa sub-menu không cần, mở bảng Max Mega Menu. Điều chỉnh cột khớp số sub-menu, thêm ảnh dùng widget ảnh JetPack.
Để vui hơn, tôi cũng thêm lịch và widget biểu tượng mạng xã hội, chỉ vì có thể.
So sánh trước/sau case study nhỏ. Đây menu trước khi thêm mega menu.
Và đây kết quả menu sau chỉnh sửa.
Bạn nghĩ sao về mega menu? Chỉ xu hướng tạm thời, hay ở lại lâu? Bạn sẽ thêm mega menu cho trang? Chia sẻ ý kiến bình luận bên dưới.