Đánh giá plugin: UberMenu 2.3

Tôi thường tự hỏi, điều gì khiến khách truy cập thích một trang web? Có phải chỉ là nội dung? Có phải là thiết kế? Hay là cả hai? Tôi đã suy nghĩ về điều này khá lâu rồi và đã đi đến một kết luận nào đó. Một trong những yếu tố then chốt của bất kỳ trang web tốt nào là sự rõ ràng. Một trang web rõ ràng, được phân loại tốt và có nội dung tốt (bao gồm văn bản, hình ảnh, âm thanh và/hoặc video) thì không có gì là xuất sắc.

Mọi người dành nhiều thời gian và công sức để cải thiện sơ đồ trang web XML, SEO và tiếp thị truyền thông xã hội. Thật tuyệt vời khi khiến người dùng tìm thấy trang web của bạn trên Google/Twitter. Điều gì xảy ra khi một người thực sự truy cập trang web của bạn? Liệu anh ấy có thích những gì anh ấy nhìn thấy không? Anh ấy sẽ đánh dấu trang web đó chứ? Điều gì sẽ khiến anh ấy hưng phấn và nhấn nút Thích/Theo dõi?

Nhập trải nghiệm người dùng. Khá nhiều người ít chú ý đến điều này. Rất may, gần đây Tom đã giải thích cách cải thiện trải nghiệm người dùng trên trang web của bạn. Anh chia UX (viết tắt của trải nghiệm người dùng) thành ba thành phần – thiết kế, khả năng sử dụng và nội dung. Tóm lại, tôi thích gọi nó là sự rõ ràng.

Trong bài viết hôm nay, tôi sẽ xem xét một plugin cải tiến menu WordPress cực kỳ phổ biến có tên là UberMenu. Với giá chỉ 16 USD, plugin này đã đạt doanh số hơn 17.000 trên CodeCanyon. Bộ não của bạn đã thực hiện phép tính – cộng thêm 272.000 USD – chỉ từ một plugin. Bây giờ tôi đã thu hút được sự chú ý của bạn, hãy bắt đầu. ?

Cài đặt

Cài đặt UberMenu thật dễ dàng. Có hai cách để cài đặt nó, một là bạn giải nén kho lưu trữ và tải tất cả 261 tệp và 39 thư mục lên thư mục plugin trong wp_content qua FTP hoặc bạn chỉ cần cài đặt nó từ bảng điều khiển WordPress trong Plugins > Thêm mới > Tải lên bằng cách tải lên trực tiếp tập tin zip.

Sau khi bạn kích hoạt plugin, một hướng dẫn thú vị sẽ bật lên hướng dẫn bạn cách thiết lập cơ bản của plugin. Tôi khuyên bạn nên làm theo hướng dẫn đó vì nó sẽ cung cấp cho bạn cái nhìn toàn cảnh về những gì đang chờ đợi bạn – và bạn sẽ không phải thất vọng.

Bắt đầu với những điều cơ bản

Nhà phát triển plugin, Chris Mavricos, đã không bỏ sót bất cứ điều gì khi ghi lại plugin của mình. Tài liệu này cũng bao gồm các video hướng dẫn. Tôi đã khiêm tốn đọc tài liệu trong 2 phút, điều này giúp tôi hiểu cơ bản về plugin. Tính năng MegaMenu cực kỳ hữu ích khi phân loại nội dung của bạn đến từng chi tiết. Nếu bạn là một anh chàng đam mê sáng tạo nhãn hiệu (như Tiến sĩ Sheldon Cooper), bạn sẽ thích điều này.

MegaMenu

MegaMenu là phiên bản nâng cao của menu WordPress mặc định với các tùy chọn tùy biến cao. Bố cục CSS mặc định của MegaMenu hỗ trợ 3 cấp độ phân cấp cơ bản. May mắn thay, bạn có tùy chọn chạy CSS tùy chỉnh, điều này thực tế cho phép bạn thay đổi mọi khía cạnh của bố cục MegaMenu.

Đối với những người chưa hiểu về hệ thống menu WordPress, tôi đã chuẩn bị hướng dẫn sau cho bạn:

Menu WordPress: Hướng dẫn nhanh

Giả sử bạn có một blog nơi bạn nói về các chương trình truyền hình, âm nhạc, sách và phim yêu thích của mình. Hãy để chúng tôi tìm hiểu cách tạo một menu nơi bạn có thể lập chỉ mục nội dung trang web của mình một cách chính xác. Để bắt đầu, bạn cần tạo một menu (Giao diện > Menu) và gán nó vào vị trí được hỗ trợ của chủ đề. Đối với hướng dẫn này, chúng tôi đang sử dụng chủ đề Twenty Eleven WordPress hỗ trợ 1 menu chính. Bây giờ bạn đã tạo xong menu, đã đến lúc xây dựng nó. Chúng tôi tạo một mục nhập chính có tên là “TV”. Điều đó khiến nó trở thành cấp 1, ở đầu danh sách phân cấp. Tiếp theo, chúng tôi chia các chương trình truyền hình theo thể loại – giả sử Thực tế, Chính kịch và Hài kịch. Ba thể loại này ở cấp độ 2, tức là ở cấp độ thứ hai trong danh sách phân cấp. Cuối cùng theo từng thể loại chúng ta vào phim truyền hình dài tập cho phù hợp. Bây giờ mỗi chương trình truyền hình đều ở cấp độ thứ 3. Chúng tôi nhận được một cái gì đó như thế này:

Và đây là giao diện của MegaMenu:

Phân loại rõ ràng, đơn giản và không lộn xộn.

MegaMenu có hình ảnh và mô tả

Thêm hình ảnh và mô tả vào từng mục menu như phủ kem lên bánh. UberMenu cho phép bạn gán hình ảnh và mô tả cho hầu hết mọi thành phần trong menu, cũng như xóa văn bản hiển thị (trong trường hợp bạn chỉ muốn hình ảnh) hoặc đánh dấu các mục menu riêng lẻ. Tất cả là nhờ danh sách kiểm soát tuyệt vời này có sẵn trong mọi thành phần menu.

Tuy nhiên, hình ảnh trong menu sẽ không được tự động thay đổi kích thước nếu bạn chưa bật Timthumb, vì vậy bạn cần tải lên/gán hình ảnh có kích thước chính xác mà bạn muốn hiển thị. Trong ví dụ của tôi, tôi đã sử dụng hình ảnh 300×300 pixel.

Tuy nhiên, nếu bạn bật Timthumb thì tất cả hình ảnh bạn tải lên sẽ được thay đổi kích thước theo kích thước mà bạn chỉ định cài đặt.

Đây là cách một mục menu trông như thế nào với các mô tả:

Widget trong Menu

Đây là tính năng tối ưu giúp UberMenu trở thành vua của tất cả các plugin menu. Khái niệm này khá đơn giản nhưng hoàn toàn rực rỡ. Bạn đặt số lượng vị trí tiện ích bạn muốn (có thể bao nhiêu tùy thích) trong cài đặt UberMenu và sau đó đặt các tiện ích tương ứng từ trang Tiện ích.

Để đặt tiện ích vào menu, chỉ cần mở rộng thành phần menu và chọn tiện ích bạn muốn gán. Đảm bảo đánh dấu vào các hộp kiểm Tắt văn bản và Tắt liên kết.

Dưới đây là ví dụ về những điều kỳ diệu mà các tiện ích (trong menu) có thể làm:

Tùy chỉnh mạnh mẽ

UberMenu có rất nhiều tùy chọn tùy chỉnh CSS3 mạnh mẽ có sẵn trong Trình tạo kiểu mà bạn có thể sử dụng để mang lại cho menu của mình một giao diện độc đáo. Nó cũng hỗ trợ CSS tùy chỉnh hoàn toàn và các chỉnh sửa tùy chỉnh một phần.

Nó cũng đi kèm với rất nhiều mẫu phong cách được thiết kế tốt, bất kỳ mẫu nào bạn có thể sử dụng trong menu của mình.

Một tính năng đáng chú ý khác là Trợ lý tùy chỉnh, rất hữu ích khi bạn muốn xem các tùy chọn tùy chỉnh có thể có cho menu.

Điều khoản khác

Tích hợp chủ đề

Hầu hết các chủ đề hiện có đều hoạt động với UberMenu, nhưng nếu bạn đang sử dụng một chủ đề sử dụng khung cơ sở như khung chủ đề Genesis hoặc Headway thì việc tích hợp chủ đề có thể hơi phức tạp. Rất may, Chris đã ghi lại phần này một cách tuyệt vời, cung cấp cho bạn bí quyết chính xác cần thiết để tích hợp UberMenu vào chủ đề tùy chỉnh của bạn.

Bảng điều khiển

Bảng điều khiển của plugin khá đơn giản để sử dụng. Nó hoạt động trên một hệ thống nhị phân nghiêm ngặt – bật hoặc tắt một tính năng. Theo tôi là một trong những cách tốt nhất để thể hiện các lựa chọn có sẵn.

Tốc độ trang web

Một trong những yếu tố quan trọng nhất trong SEO và xếp hạng công cụ tìm kiếm, tốc độ trang web có tầm quan trọng tinh túy. UberMenu tác động không đáng kể đến thời gian tải trang. Tôi đã sử dụng Pingdom để tiến hành kiểm tra thời gian tải trang trước và sau khi cài đặt plugin. UberMenu tăng thời gian tải chỉ 0,25 giây. Bạn có thể nhận thấy rằng kích thước trang đã tăng lên rất nhiều, nhưng đó là vì tôi đã sử dụng 3 hình ảnh trong menu “Top Picks”.

Trước khi cài đặt plugin

Sau khi cài đặt plugin

Thiết kế đáp ứng

UberMenu có các quy tắc logic riêng cho iPhone, iPad và trình duyệt Android. Tôi đã thử thay đổi kích thước trình duyệt của mình để xem menu phản hồi như thế nào. Nó làm việc như một say mê. Ngay sau khi trình duyệt của tôi vượt qua một chiều rộng nhất định, menu sẽ thay đổi sang bố cục đáp ứng khác.

tính tương thích của trình duyệt web

UberMenu hoàn toàn tương thích với các trình duyệt hiện đại phổ biến như Chrome, Firefox, Safari, IE 9 và IE 10.

Ủng hộ

Một lý do khác khiến plugin này cực kỳ phổ biến. UberMenu có sẵn rất nhiều tùy chọn hỗ trợ. Nó bao gồm Cơ sở kiến thức được thiết kế tốt, diễn đàn hỗ trợ, kênh YouTube có đầy đủ các hướng dẫn và hướng dẫn khắc phục sự cố. Tất cả những điều này đều được duy trì tốt và được ghi chép rộng rãi.

suy nghĩ cuối cùng

UberMenu dễ dàng là plugin menu WordPress tốt nhất với vô số tùy chọn tùy chỉnh. Tuy nhiên, nó không nên được sử dụng bởi người mới bắt đầu vì nó đòi hỏi sự hiểu biết vững chắc về các menu và widget WordPress. Đó là một tình huống mơ ước trở thành hiện thực đối với các nhà phát triển WordPress nâng cao nhờ các tùy chọn tùy chỉnh CSS mạnh mẽ.

Tôi khuyên mọi người nên đọc kỹ tài liệu mở rộng để hiểu rõ về các tính năng của plugin. Chỉ với 16 USD, đây là một món hời!

Bạn đã từng sử dụng UberMenu chưa? Hãy cho chúng tôi biết quan điểm của bạn!