Menu điều hướng là một thành phần thiết yếu của bất kỳ trang web thành công. Đơn giản chỉ cần đặt, họ giúp du khách có được xung quanh. Điều này cải thiện lưu lượng trang web của bạn, khuyến khích khách truy cập ở lại trang web lâu hơn, tiêu thụ nhiều nội dung hơn và đạt được mục tiêu chuyển đổi của họ; mọi thứ đều tốt
Tuy nhiên, hơn thế này, các menu điều hướng là một phần không thể thiếu trong thiết kế tổng thể của trang web của bạn: sau tất cả, chúng được hiển thị trên mỗi trang. Hãy nhớ rằng: một menu điều hướng trực quan tuyệt đẹp có thể làm cho một trang web trung bình trông tuyệt vời, và điều ngược lại cũng đúng.
Như vậy, xây dựng và thiết kế các menu điều hướng của bạn là một quyết định nhẹ nhàng, từ góc độ thẩm mỹ và điều hướng.
May mắn thay, có rất nhiều plugin menu tuyệt vời cho người dùng WordPress. Trong bài viết này, chúng tôi sẽ xem xét chúng để mang đến cho bạn bảy mục yêu thích của chúng tôi. Và vì tất cả các plugin trong danh sách này đều đáp ứng đầy đủ, người dùng thiết bị di động cũng có thể thưởng thức chúng.
Ở đây chúng tôi, bảy plugin trình đơn đáp ứng tốt nhất cho WordPress (bao gồm các plugin miễn phí và cao cấp).
Không theo thứ tự cụ thể …
1. UberMothy ($ 19)
Hãy bắt đầu với plugin trình đơn mạnh nhất trong số tất cả: UberMothy. Với hơn 60.000 lượt tải xuống cho đến nay, plugin này cực kỳ phổ biến và đứng thứ ba trong bảng xếp hạng các plugin bán chạy nhất mọi thời đại của CodeCanyon.
Plugin UberMothy cho phép bạn tạo một số menu đẹp nhất bạn có thể tìm thấy trong thế giới WordPress. Được gọi là "menu lớn", chúng có thể cực kỳ phức tạp, với các cấp độ con không giới hạn cho khách truy cập khám phá. Khi nói đến việc cải thiện điều hướng, các menu lớn là vô song.
UberMothy cho phép bạn thêm hình ảnh, biểu tượng và mô tả vào các mục menu.
Điểm bán hàng chính của plugin là nội dung nâng cao mà bạn có thể thêm vào các menu lớn của mình. Để bắt đầu, điều này bao gồm hình ảnh, Google Maps và lưới bài đăng trên blog. UberMothy thậm chí có thể trích xuất động nội dung blog cho các lưới này, dựa trên một biến bạn chọn – ví dụ, biến có thể là danh mục bài đăng, loại bài đăng, phụ huynh hoặc tác giả. Plugin cũng sẽ tự động thêm hình ảnh đặc trưng từ các bài đăng vào lưới, đảm bảo các menu luôn trông đẹp mắt.
Ngoài ra, UberMothy còn tích hợp với các tiện ích và mã ngắn của bên thứ ba. Điều này có nghĩa là bạn có thể kết hợp các chức năng từ các tiện ích bổ sung khác vào menu của mình, để mang lại trải nghiệm tốt hơn cho khách truy cập.
Bạn có thể sử dụng UberMothy để thêm bản đồ và biểu mẫu liên hệ vào menu của mình.
Như bạn mong đợi từ một plugin nhấn mạnh vào thiết kế, UberMothy cung cấp nhiều tùy chọn tùy chỉnh. Chúng bao gồm 25 phông chữ phổ biến nhất của Google, cũng như kích thước phông chữ và màu sắc vô hạn. Bạn cũng có thể tải hình nền tùy chỉnh cho từng mục menu.
Với rất nhiều tính linh hoạt, bạn sẽ được tha thứ vì nghĩ rằng những menu này sẽ khó xây dựng. Tuy nhiên, đây không phải là trường hợp, nhờ trình tạo plugin trực quan.
Trình tạo cho phép bạn tạo các menu của mình bằng cách sử dụng các lưới phản hồi với tối đa 12 cột, bạn có thể điền vào các khối nội dung. Để tùy chỉnh các khối này, chỉ cần nhấp vào khối bạn muốn và UberMothy sẽ hiển thị cho bạn các tùy chọn khả dụng. Bạn cũng có thể thấy menu của mình trở nên sống động trong thời gian thực từ WordPress Customizer – tính năng xem trước trực tiếp này là vô giá.
UberMothy tạo ra một loạt các loại menu và menu phụ linh hoạt. Bạn thậm chí có thể làm mờ nó để tạo các menu nổi trường học cũ.
Sử dụng UberMothy để tạo các menu kiểu truyền thống hơn bằng cách chọn tùy chọn nổi.
Hoặc bạn có thể làm hết sức mình và trộn và kết hợp nhiều loại tùy chọn này trong một menu – toàn bộ shebang.
Hoặc sử dụng toàn bộ khả năng của UberMothy và kết hợp các menu thả xuống, nhiều hình nền và nhiều loại nội dung.
Kết quả thực sự ấn tượng, phải không? Và bạn thậm chí có thể sắp xếp các menu của bạn theo chiều dọc nếu bạn muốn. Các menu này hỗ trợ các tính năng và chức năng tương tự, nhưng với sự liên kết dọc.
Bạn có muốn tiết kiệm không gian ở phía trên màn hình không? Đặt UberMothy của bạn ở bên cạnh trang, mà không mất chức năng.
Giờ đây, trong khi UberMothy đáp ứng đầy đủ, thiết kế phức tạp của các menu mega có thể khiến chúng không phù hợp với các thiết bị nhỏ hơn. Nếu bạn nghĩ rằng đây là trường hợp, các nhà phát triển tại UberMothy đã cung cấp cho người dùng một plugin trình đơn di động miễn phí: ShiftNav. Điều này cho phép bạn tạo các menu điều hướng kiểu ứng dụng cho người dùng di động.
Cuối cùng, điều đáng chú ý là do sự phổ biến không thể ngăn cản của UberMothy, các nhà phát triển đã phát hành bốn tiện ích mở rộng chính thức.
Tiện ích mở rộng có sẵn cho $ 8 mỗi hoặc khoảng 19 đô la bạn thực hiện.
2. Menu Max Mega (MIỄN PHÍ)
Chức năng của "Mega Menu" tương đối tiên tiến, điều đó có nghĩa là thông thường bạn sẽ chỉ tìm thấy nó trong các plugin cao cấp. Tuy nhiên, nếu bạn biết nơi để tìm, bạn có thể tìm thấy nó miễn phí.
Giới thiệu Max Mega Menu, một plugin menu mega tuyệt vời có sẵn trong kho plugin WordPress chính thức. Với plugin được cài đặt và kích hoạt, các menu WordPress hiện tại của bạn sẽ tự động được cập nhật thành các menu lớn.
Các menu lớn bạn có thể tạo ra trông ấn tượng, không tệ cho một plugin miễn phí!
Tạo menu của bạn thật dễ dàng, lịch sự với trình tạo kéo và thả. Bạn cũng có thể xem trước trong thời gian thực, đưa ra quyết định phong cách trên đường đi.
Nói về phong cách, Max Mega Menu đi kèm với các tùy chọn tùy biến gần như vô tận. Phông chữ, kích thước, màu sắc và biểu tượng chỉ là phần nổi của tảng băng, với hơn 100 tùy chỉnh được hỗ trợ. Ngoài ra còn có một số hình ảnh động CSS3 tuyệt vời được tích hợp sẵn, giúp cho menu của bạn dễ nhìn hơn.
Như với bất kỳ plugin menu lớn nào, bạn cũng có thể tạo một số menu khá phức tạp. Bạn có thể thêm rất nhiều thứ hay ho vào chúng bao gồm hình ảnh và nội dung động (như bản đồ) và vì Max Mega Menu cho phép bạn thêm các widget vào menu, bạn thậm chí có thể tích hợp chức năng của các plugin khác. Điều này có nghĩa là nó có thể kết hợp các chức năng như lịch, video và các hình thức liên lạc.
Ảnh chụp màn hình chỉ hiển thị một số vật dụng mà bạn có thể thêm vào menu của mình.
Trên hết, Max Mega Menu là một trong những tiện ích menu lớn nhất nhanh nhất hiện có, trọng lượng ít hơn 2 kb và kiểu được giới hạn trong một tệp CSS.
Nếu bạn thích những gì bạn thấy, hãy xem xét nâng cấp lên chỉ $ 19. Phiên bản Pro cho phép bạn thêm các tính năng WooC Commerce và Easy Digital Download trả phí vào menu của bạn, trong số các tính năng thú vị khác.
3. Superfly ($ 22)
Nếu bạn thích các menu dọc để căn chỉnh ngang truyền thống, hãy xem Plugin Superfly. Nó cũng hoạt động như một trình tiết kiệm không gian tuyệt vời, cho phép bạn sử dụng tất cả các kích thước của màn hình.
Điều này được thực hiện bằng cách ẩn menu phía sau nút chuyển đổi ở góc trên. Khi được nhấp, menu sẽ trượt vào chế độ xem, để khách truy cập tự do điều hướng trang web của bạn; tuy nhiên, bạn cũng có thể chọn ghim menu vĩnh viễn sang một bên của màn hình.
Tại sao bạn muốn có một menu thẳng hàng? Đối với người mới bắt đầu, họ được coi là thân thiện hơn với thiết bị di động. Bạn cũng thấy chúng ít thường xuyên hơn, làm cho chúng trở thành một bổ sung khá bắt mắt cho bất kỳ trang web nào. Và không có gì đáng ngạc nhiên, Superfly hỗ trợ một loạt các tùy chọn kiểu dáng, giúp làm cho loại menu bất thường này thậm chí còn bắt mắt hơn.
Menu Superfly trượt vào chế độ xem từ bên cạnh màn hình.
Plugin cung cấp một thư viện các biểu tượng, hàng tấn phông chữ Google và tùy chỉnh đầy đủ màu sắc. Bạn cũng có thể tải lên hình ảnh tùy chỉnh cho các menu của mình, từ hình nền đến logo được hiển thị ở đầu menu. Bạn cũng có thể tích hợp các widget hoặc mã ngắn từ các plugin khác hoặc tạo các kiểu HTML tùy chỉnh. Bạn thậm chí có thể tùy chỉnh bố cục, hình dạng và vị trí của nút kích hoạt menu.
Vì các menu mở trên màn hình, tối đa bốn cấp độ của menu con được hỗ trợ. Các mức bổ sung trông ấn tượng như nhau và có thể được cấu hình theo một kiểu duy nhất, như được minh họa trong ảnh chụp màn hình sau đây.
Superfly cho phép bạn tạo ra các thiết kế độc đáo cho mỗi cấp độ của menu.
Vì các menu kỳ quặc này có thể không phù hợp với mọi tình huống, Superfly cung cấp một số cài đặt hướng trang. Tại đây, bạn có thể chọn tắt menu Superfly cho một số nhóm người dùng nhất định, ví dụ: người dùng máy tính để bàn hoặc trên các trang cụ thể.
Một tính năng cuối cùng: Bạn cũng có thể thêm các nút chia sẻ phương tiện truyền thông xã hội ở cuối menu, với hơn mười phương tiện truyền thông xã hội được hỗ trợ. Hy vọng rằng điều này sẽ dẫn đến nhiều hành động xã hội cho nội dung của bạn.
4. Menu tiếp nhận (MIỄN PHÍ)
Nếu bạn thích các menu dọc Superfly nhưng không có ngân sách, Plugin Menu Responsive có thể khiến bạn quan tâm. Plugin này tạo các menu dọc trông tuyệt vời và có thể được tải xuống miễn phí từ thư mục plugin chính thức.
Để có một tiện ích bổ sung miễn phí, Menu Responsive cung cấp một số lượng tùy chỉnh ấn tượng – thực tế là hơn 150. Chúng bao gồm tất cả các tùy chỉnh thông thường (phông chữ, kích thước, căn chỉnh và màu sắc), và bạn cũng có thể tải nền, logo và biểu tượng tùy chỉnh – cho phép bạn thêm một liên lạc cá nhân vào menu của bạn.
Bạn có thể thêm hình ảnh nền và một thanh tìm kiếm vào menu của bạn.
Plugin neo một nút menu đơn giản ở phía trên bên phải màn hình và khi nhấp vào nút này, menu sẽ trượt vào màn hình với hiệu ứng hoạt hình đẹp mắt. Vì các menu chiếm quá nhiều màn hình so với Superfly, mỗi cấp độ tiếp theo sẽ mở xuống, thay vì ra ngoài, như trong ảnh chụp màn hình sau.
Nhấp vào sẽ mở các mục menu con xuống thay vì ra ngoài.
Các tính năng hữu ích khác bao gồm chức năng tìm kiếm cho các menu của bạn và khả năng chọn các menu kích thước màn hình được hiển thị trên đó.
Nếu bạn thích phiên bản miễn phí, phiên bản $ 14,99 có sẵn và giới thiệu chức năng xem trước trực tiếp, FontIcons và các mục menu hoạt hình.
5. Menu anh hùng ($ 19)
Chúng tôi trở lại các menu lớn một lần nữa với tiện ích tiếp theo: Menu Hero. Plugin có rất nhiều tính linh hoạt và hàng tấn tùy chọn, có nghĩa là bạn có thể tạo bố cục menu gần như vô hạn.
Hero Menu xuất xưởng với hơn 250 biểu tượng miễn phí và bạn có thể tùy chỉnh các menu của mình với lựa chọn 650 phông chữ Google và màu sắc vô hạn. Để giúp những người thiếu tài năng thiết kế tự nhiên, bạn cũng sẽ tìm thấy 60 cài đặt trước màu sắc tuyệt vời, được tạo bởi một nhóm các nhà thiết kế đồ họa chuyên nghiệp.
Xem tất cả nội dung thú vị mà bạn có thể thêm vào menu anh hùng
Plugin cũng giúp việc tạo menu trở nên dễ dàng, nhờ giao diện tùy chỉnh được tối ưu hóa. Đó là tất cả kéo và thả, cho phép bạn thêm độ sâu vào menu, sắp xếp lại các mục menu và điều chỉnh bố cục dễ dàng.
Hero Menu hỗ trợ tất cả các nội dung menu mega thông thường: hình ảnh, video, bản đồ và nội dung blog, cộng với mã ngắn và widget từ các plugin khác. Tuy nhiên, Hero Menu cũng hỗ trợ WooC Commerce, có nghĩa là bạn có thể thêm sản phẩm, giá cả và hình thu nhỏ vào menu của mình. Bạn cũng có thể dễ dàng kích hoạt chức năng tìm kiếm và các nút để chia sẻ trên các mạng xã hội.
Bạn thậm chí có thể thêm các sản phẩm WooC Commerce vào menu của mình.
Plugin cũng được cung cấp với chức năng "menu cố định", có nghĩa là nó vẫn được ghim ở đầu màn hình, ngay cả khi khách truy cập cuộn xuống trang. Và, khi Hero Menu phát hiện khách truy cập bằng các thiết bị nhỏ hơn, nó sẽ tự động ngưng tụ các menu thành thứ gì đó thân thiện với thiết bị di động hơn.
Cuối cùng, Hero Menu sẽ điều chỉnh menu nào mà khách truy cập nhìn thấy, tùy thuộc vào vai trò người dùng WordPress của họ, một tính năng hữu ích nếu nó yêu cầu khách truy cập đăng nhập.
6. Menu Phản hồi WP (MIỄN PHÍ)
Một phần mềm miễn phí khác bên dưới: Plugin WP Responsive Menu, chuyên tạo các menu di động trượt.
Do plugin nhắm đến người dùng di động, nhiều tính năng chính của nó được thiết kế riêng cho các chức năng được tìm thấy trên thiết bị di động. Khách truy cập có thể điều hướng các menu bằng cử chỉ vuốt, ngoài ra họ có thể chụm màn hình cảm ứng để phóng to.
Bạn cũng có thể định cấu hình một menu cụ thể cho khách truy cập trên các thiết bị nhỏ hơn và vô hiệu hóa các mục không mong muốn. Khách truy cập vào máy tính để bàn sẽ thấy menu mặc định, với danh sách đầy đủ các tùy chọn.
Bạn có thể đặt các menu để trượt từ trên cùng, bên trái hoặc bên phải của màn hình. Bạn cũng có thể chỉ định chiều rộng của các menu, tính bằng pixel hoặc theo phần trăm kích thước màn hình.
Ngoài ra còn có nhiều tùy chọn tùy chỉnh. Bạn có thể tải logo cho menu, cũng như tùy chỉnh tất cả các màu (nền, văn bản và viền) và văn bản menu. Bạn thậm chí có thể kết hợp một chức năng tìm kiếm đơn giản ở dưới cùng của menu.
Trên hết, thiết lập được sắp xếp hợp lý đến không ngờ, có nghĩa là nó có thể hoạt động trong vài phút.
7. Menu nổi WP ($ 17)
Plugin cuối cùng xuất hiện trong danh sách hôm nay là một plugin thú vị khác: WP Floating Menu Pro. Như tên của nó, plugin tạo các menu "nổi" và chúng trông rất tuyệt.
Plugin tạo hai loại menu:
- điều hướng một trang
- menu cố định: Loại menu này liên kết với nhiều URL, giống như menu WordPress thông thường.
Không có plugin nào khác trong danh sách này cung cấp điều hướng một trang, vì vậy hãy tập trung vào đó. Tính năng điều hướng một trang được nhắm đến, bạn đoán nó, các trang web được tạo trên một trang. Các trang web này thường được chia thành nhiều phần; ví dụ: bạn có thể tìm thấy một phần hoặc một hình thức liên lạc.
Bằng cách nhấp vào biểu tượng ở bên phải, khách truy cập có thể chuyển đến bất kỳ phần nào của trang web một trang.
Với các menu điều hướng của trang, khi khách truy cập nhấp vào một trong các biểu tượng, nó sẽ tự động "nhảy" đến phần đó của trang. Điều này có nghĩa là menu được sử dụng để điều hướng lên và xuống trang, trực tiếp đến phần mà khách truy cập muốn: một menu "trực tuyến". Nghe có vẻ tốt đúng không?
Ngoài chức năng khá hấp dẫn này, WP Floating Menu Pro còn có nhiều kiểu tùy biến. Để bắt đầu, có 13 mẫu dựng sẵn, cung cấp nhiều kiểu nút, cách phối màu và hiệu ứng hoạt hình. Tuy nhiên, mỗi mẫu hoàn toàn có thể tùy chỉnh, ngoài ra bạn có thể tạo phong cách của riêng mình từ đầu, do đó bạn có thể điều chỉnh các menu của mình theo phong cách của trang web.
Với các nút nhỏ hơn trên các menu này, các biểu tượng là một yếu tố thiết kế quan trọng và plugin có ba bộ: biểu tượng bảng điều khiển, biểu tượng FontAwgie và biểu tượng chung. WP Floating Menu Pro cũng bao gồm các menu thân thiện với thiết bị di động, bạn có thể kích hoạt chỉ bằng một nút bấm.
Suy nghĩ cuối cùng
Điều này kết thúc loạt các plugin trình đơn đáp ứng tốt nhất cho WordPress. Các plugin trong danh sách này hỗ trợ nhiều loại menu: menu lớn, menu dọc, menu thân thiện với thiết bị di động và menu một trang.
Cái nào phù hợp với trang web của bạn? Vâng, điều đó phụ thuộc. Chọn plugin menu phù hợp là một quyết định quan trọng, vì các menu phục vụ một chức năng quan trọng, điều hướng và là một phần cơ bản của tính thẩm mỹ của trang web của bạn. Nói cách khác, hãy dành thời gian của bạn và chắc chắn để đưa ra quyết định này một cách chính xác.
Cá nhân, tôi thích phong cách của các menu lớn: chúng thu hút sự chú ý, bạn cũng có thể thêm nhiều điều tuyệt vời cho chúng. Tuy nhiên, chúng có lẽ phù hợp nhất cho các trang web có nhiều trang khác nhau; Trang web nơi yêu cầu một menu điều hướng thực sự toàn diện.
Mặt khác, các menu kiểu dọc là lý tưởng cho các trang web cần tối đa hóa việc sử dụng không gian. Menu được ẩn đằng sau một đòn bẩy, có nghĩa là nội dung của nó lấp đầy toàn bộ màn hình, hoàn hảo cho các trang web có hình ảnh hoặc video toàn màn hình.
Với các plugin miễn phí trong mỗi danh mục, khuyến nghị của tôi là thử một vài kiểu menu khác nhau để xem bạn thích loại nào hơn. Sau đó, khi bạn biết bạn thích phong cách nào, hãy xem một số tùy chọn cao cấp để xác định plugin nào bạn sẽ sử dụng trong tương lai. Với nhiều tính năng và chức năng bổ sung, các tùy chọn cao cấp thực sự vượt trội so với các tính năng miễn phí.
