Top 3 plugins tạo responsive menu dành cho WordPress.
Google ngày càng đẩy mạnh phát triển mảng tìm kiếm di động. Điều này đồng nghĩa với việc giao diện blog/website của bạn cần phải thân thiện với các thiết bị di động, hiển thị tốt trên mọi kích thước màn hình, nếu không muốn bị đánh tụt hạng trên bảng kết quả tìm kiếm của Google. Một trong những cách phổ biến nhất để khắc phục vấn đề này chính là sử dụng giao diện responsive.
Tham khảo thêm:
- Kiểm tra tính thân thiện với thiết bị di động của website
- Top 15 mobile plugins tốt nhất cho blog WordPress
Hiểu một cách đơn giản, giao diện blog/website của bạn sẽ có khả năng tự co lại hoặc phóng to ra để phù hợp với các kích cỡ màn hình khác nhau. Nếu giao diện hiện tại của bạn không có khả năng responsive và bạn không muốn thay thế nó bằng giao diện mới, bạn sẽ cần phải điều chỉnh và bổ sung để nó có khả năng responsive. Một trong những việc đầu tiên bạn cần làm là tạo responsive menu. Trong bài viết này, tôi sẽ giới thiệu đến các bạn top 3 responsive menu plugins tốt nhất dành cho WordPress.
Tham khảo thêm:
- Top 15 jQuery Menu plugins trả phí dành cho blog WordPress
- Top 12 jQuery menu plugins miễn phí cho blog WordPress
1. Responsive Menu – Download
Đây thực sự là một plugin cực kỳ tuyệt vời giúp tạo các responsive menu tối ưu cho blog/website WordPress của bạn. Responsive Menu với hơn 70 tùy chọn, cho phép bạn thay đổi tiêu đề menu, hình ảnh menu, vị trí, độ sâu menu, font chữ menu và cả hình ảnh động. Responsive Menu tương thích với WPML, tốc độ load cực nhanh và hỗ trợ shortcodes.
2. WP Responsive Menu – Download
Plugin này hoàn toàn responsive, đi kèm với một giao diện quản trị trực quan và tương thích với hệ thống menu mặc định của WordPress. Hỗ trợ chèn thêm các khung tìm kiếm, tùy chỉnh màu sắc, chèn biểu tượng (icon) vào menu của bạn. Ngoài ra, bạn còn có thể ẩn các mục không mong muốn trên các thiết bị di động một cách dễ dàng. WP Responsive Menu thực sự đơn giản và đẹp mắt.
3. Superfly – Responsive WordPress Menu Plugin – Xem chi tiết
Được xây dựng bởi Looks Awesome, một tác giả ưu tú, Superfly là một sliding/static/push menu hiển thị theo chiều dọc, giúp bổ sung thêm nhiều tiện ích và phong cách cho blog/website của bạn. Để hiển thị toàn bộ menu (cả trên các thiết bị di động lẫn máy tính để bàn), khách truy cập blog/website của bạn chỉ cần phải di chuột vào các cạnh của màn hình thiết bị.
Trên đây là top 3 reponsive menu plugins tốt nhất mà tôi từng biết. Hy vọng bạn sẽ chọn được cho mình một plugin phù hợp với nhu cầu sử dụng.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
anh ơi làm sao chỉnh cái menu của theme khi lên mobile cuộn lại ạ. Mong anh sớm phản hồi ạ
Chào bạn :D
Cho mình hỏi 1 chút, là làm sao trang web hiển thị được kết quả tìm kiếm như thế này khi mình search trên google nhỉ, mình đã tìm nhiều nhưng không thấy ai hướng dẫn. Mong bạn chỉ giáo :)
Đây là hình ảnh: http://prntscr.com/ephpi7
Cái này gọi là Site Links bạn nhé. Google thấy site của bạn uy tín + có ích cho người dùng thì nó mới hiện. Nói chung do Google quyết định hiện hay không hiện. :P
Hiếu ơi có thể chia sẽ cái Menu bạn đang dùng plugin gì được không. Lên Mobile nó co lại đẹp quá
Cái này là có plugin hay là giao diện của themes nó như vậy hả bạn ?
Cái này là menu của theme bạn ạ. Không phải plugin. :P
Em muốn 1 menu đẹp kiểu danh mục bài viết bằng Wiget, mà tìm ko ra anh ơi
HIếu ơi cho mình hỏi, mình đã cài plugin RICG Responsive Images cho web nhưng ảnh nó chỉ co đến 1 kích cỡ nhất định, còn nhỏ hơn nữa thì không được, nên nếu xem trên những màn hình nhỏ như đt thì ảnh vẫn bị tràn ra ngoài. Có cách nào khắc phục ko Hiếu?
Ủa. Kể từ WordPress 4.4 trở đi đã được tích hợp tính năng tự động co giãn hình ảnh để phù hợp với kích thước màn hình rồi mà? Đâu cần phải cài thêm plugin làm gì nữa? :)
à tại thấy nó vẫn ko co hết nên nghĩ là phải cài thêm, nhất là ảnh ở trong bài viết ý
Có thể là do bạn đang sử dụng module Photon của Jetpack? Cũng có thể là do theme của bạn can thiệp vào chức năng resize hình ảnh của WordPress? :P
Mình vừa tắt photon của Jetpack rồi nhưng vẫn như vậy. Còn liên quan đến theme thì chịu rồi. Thôi đành để responsive 1 cách tương đối vậy :P. Tks Hiếu nhé.
Bạn ơi, làm sao để tạo được menu có các biểu tượng nhỏ nhỏ như bạn đang dùng ở trên website vậy ? Ví dụ như $ cạnh chữ KIẾM TIỀN ONLINE, hộp quà cạnh chữ QUÀ TẶNG đó!
Chịu khó search trước khi hỏi đi bạn. Gõ từ “icon” vào khung tìm kiếm trên sidebar và ấn enter nhé. Rất nhiều bài viết để bạn tham khảo. :P
Mình xài cái 2. WP Responsive Menu hiển thị trên mobile thì ok nhưng làm sai để tắt cái menu mặc định của genesis vậy Thím
Đơn giản là mở file functions.php và style.css ra rồi bỏ những cái liên quan đến menu mặc định đi thôi. Nhớ backup trước khi làm nhé. :P
Plugin ngon, thế mà hồi giờ tưởng cứ css vs js mới tạo dc
plugin thì cũng phải css với js mới tạo ra chứ bạn nghĩ plugin sử dụng gì để tạo.
Ý của bạn ấy là không cần tạo file js và css theo phương pháp thủ công. :P
Thế này thì đỡ viết css và js nhỉ
Cái nào cũng có cái giá của nó! Mình cũng dùng những Plugin như thế này nhưng thật sự chưa tìm được cái nào ưng ý !