Revisión del complemento: UberMenu 2.3 - WPExplorer

Revisión del complemento: UberMenu 2.3 – WPExplorer

A menudo me pregunto qué hace que a un visitante le guste un sitio. ¿Es solo el contenido? ¿Es el diseño? ¿O son ambos? Lo he estado pensando durante bastante tiempo y he llegado a una conclusión. Uno de los elementos clave de todo bien el sitio web es claridad. Un sitio web limpio, bien categorizado con buen contenido (que incluye texto, imágenes, audio y / o video) es nada menos que brillante.

Las personas dedican mucho tiempo y esfuerzo a mejorar sus mapas de sitio XML, SEO y marketing en redes sociales. Es genial permitir que su usuario encuentre su sitio en Google / Twitter. ¿Qué sucede cuando alguien aterriza en tu sitio? ¿Le gustará lo que ve? ¿Agregará este sitio a sus favoritos? ¿Qué desencadenaría sus nervios felices y presionaría el botón Me gusta / Seguir?

Ingrese a la experiencia del usuario. Algunas personas no le prestan mucha atención. Afortunadamente, Tom explicó recientemente cómo mejorar la experiencia del usuario de su sitio web. Desglosa UX (abreviatura de experiencia de usuario) en tres componentes: diseño, usabilidad y contenido. En resumen, me gusta llamarlo claridad.

En el artículo de hoy, repasaré un complemento de mejora de menú de WordPress muy popular llamado UberMenu. Con un costo de solo $ 16, este complemento ha superado las 17,000 ventas en CodeCanyon. Su cerebro ya ha hecho los cálculos, más de $ 272,000, con un solo complemento. Ahora que tengo su atención, comencemos. 😉

Instalación

Configurar UberMenu es muy sencillo. Hay dos formas de instalarlo, una es donde extrae el archivo y carga los 261 archivos y 39 carpetas a su carpeta de complementos en wp_content a través de FTP o simplemente instálelo desde el panel de WordPress.en Complementos> Agregar nuevo> Descargar directamente descargando el archivo zip.

Una vez que haya activado el complemento, aparecerá un buen tutorial que lo guiará a través de la configuración básica del complemento. Le recomiendo que siga esta guía porque le dará una descripción general de lo que puede esperar, y no se sentirá decepcionado.

Aviso de UberMenu 01

Empezando con lo básico

El desarrollador del complemento, Chris Mavricos, no ha descuidado la documentación de su complemento. La documentación también incluye videos tutoriales. Me sentí honrado de leer la documentación durante 2 minutos, lo que me dio una comprensión básica del complemento. La función MegaMenu es extremadamente útil para categorizar su contenido hasta el último bit. Si usted es un fabricante de etiquetas frenético (como el Dr. Sheldon Cooper), esto le va a encantar.

MegaMenú

MegaMenu es una versión avanzada del menú predeterminado de WordPress con opciones altamente personalizables. El diseño CSS predeterminado de MegaMenu admite 3 niveles de jerarquía básicos. Afortunadamente, tiene la opción de ejecutar su CSS personalizado, lo que le permite cambiar virtualmente todos los aspectos del diseño de MegaMenu.

Para aquellos que no entienden el sistema de menús de WordPress, he preparado la siguiente guía para ustedes:

Menús de WordPress: una guía rápida

Suponga que tiene un blog en el que habla sobre sus programas de televisión, música, libros y películas favoritos. Aprendamos a crear un menú en el que pueda indexar correctamente el contenido de su sitio. Para comenzar, debe crear un menú (Apariencia> Menús) y asignarlo a la ubicación admitida por el tema. Para este tutorial, estamos usando el tema Twenty Eleven WordPress que admite 1 menú principal. Ahora que ha creado el menú, es hora de crearlo. Creamos una entrada principal llamada “TV”. Esto lo convierte en el nivel 1, en la parte superior de la lista jerárquica. Luego, desglosamos los programas de televisión según su género, digamos Reality, Drama y Sitcoms. Estos tres géneros se encuentran en el nivel 2, es decir, en el segundo nivel de la lista jerárquica. Finalmente, bajo cada género ingresamos a la serie de televisión en consecuencia. Ahora, cada programa de televisión es solo el tercer nivel. Obtenemos algo como esto:

Entendiendo los menús de WordPress Así es como se vería en el diseño del menú predeterminado de WordPress:

Sin menú Uber

Y así es como se ve con MegaMenu:

MegaMenu-1

Categorización limpia, simple y ordenada.

MegaMenu con imágenes y descripción

Agregar imágenes y descripciones a cada entrada del menú como la guinda del pastel. UberMenu le permite asignar una imagen y descripción a casi cualquier elemento del menú, así como eliminar texto visible (en caso de que solo desee imágenes) o resaltar entradas de menú individuales. Todo es gracias a esta increíble lista de verificación disponible en cada elemento del menú.

Opciones del menú

Sin embargo, las imágenes del menú no cambiarán de tamaño automáticamente si no ha habilitado Timthumb, por lo que debe cargar / asignar imágenes del tamaño exacto que desea mostrar. En mi ejemplo, utilicé imágenes de 300 × 300 píxeles.

Sin embargo, si activa Timthumb, las imágenes que cargue se redimensionarán a las dimensiones a las que asigne la configuración.

MegaMenu con imágenes

Así es como se ve un elemento de menú con descripciones:

Descripciones de MegaMenu

Widgets en menús

Es esta característica definitiva la que convierte a UberMenu en el rey de todos los complementos de menú. El concepto es bastante simple pero bastante brillante. Establece la cantidad de ubicaciones de widgets que desea (que pueden ser tantas como desee) en la configuración de UberMenu y luego coloca los widgets en consecuencia desde la página de Widgets.

Widgets

Para colocar el widget en el menú, simplemente expanda el elemento del menú y seleccione el widget que desea asignar. Asegúrese de marcar las casillas Deshabilitar texto y Deshabilitar enlaces.

A continuación, se muestra un ejemplo de las maravillas que pueden hacer los widgets (en los menús):

Widgets en el menú

Potente personalización

UberMenu tiene muchas opciones poderosas de personalización de CSS3 en el generador de estilo que puede usar para darle a su menú una apariencia única. También es compatible con CSS totalmente personalizado y ajustes personalizados parciales.

Opciones CSS

También viene con muchas plantillas elegantes bien diseñadas que puede usar en su menú.

Ajustes preestablecidos de estilo

Otra característica a destacar es el asistente de personalización que es muy útil cuando se quiere ver las posibles opciones de personalización del menú.

Diverso

Integración de temas

La mayoría de los temas funcionan con UberMenu, pero si estás usando un tema que usa un marco básico como el marco de tema Genesis o Headway, integrar el tema puede ser un poco complicado. Afortunadamente, Chris ha documentado maravillosamente esta parte, brindándote el conocimiento exacto necesario para integrar UberMenu en tu tema personalizado.

Panel de control

El panel de control del complemento es bastante sencillo de usar. Funciona en un sistema estrictamente binario: active o desactive una función. En mi opinión, esta es una de las mejores formas de representar las opciones disponibles.

Velocidad del sitio

Uno de los factores más importantes en el posicionamiento SEO y en los motores de búsqueda, la velocidad del sitio es de suma importancia. UberMenu tiene un impacto insignificante en los tiempos de carga del sitio. He utilizado Pingdom para realizar una prueba de tiempo de carga de la página antes y después de instalar el complemento. UberMenu aumentó el tiempo de carga en solo 0,25 segundos. Puede que notes que el tamaño de la página ha aumentado mucho, pero eso se debe a que utilicé 3 imágenes en el menú “Mejores selecciones”.

Antes de instalar el complemento

Antes de instalar el complemento

Después de instalar el complemento

Después de instalar el complemento

Diseño de respuesta

UberMenu tiene reglas lógicas individuales para iPhone, iPad y el navegador de Android. He intentado cambiar el tamaño de mi navegador para ver cómo responde el menú. Funcionó como un reloj. Tan pronto como mi navegador superó un cierto ancho, el menú cambió a un diseño diferente y receptivo.

Compatibilidad del navegador

UberMenu es totalmente compatible con navegadores modernos populares como Chrome, Firefox, Safari, IE 9 e IE 10.

Apoyo

Otra razón por la que este complemento es tan popular. UberMenu ofrece una amplia gama de opciones de soporte. Incluye una base de conocimientos bien diseñada, un foro de soporte, un Canal de Youtube lleno de tutoriales y una guía de resolución de problemas. Todos estos están bien mantenidos y ampliamente documentados.

Pensamientos finales

UberMenu es fácilmente el mejor complemento de menú de WordPress con una gran cantidad de opciones de personalización. Sin embargo, no debe ser utilizado por un principiante absoluto, ya que requiere una sólida comprensión de los menús y widgets de WordPress. Es más un sueño hecho realidad para los desarrolladores avanzados de WordPress, gracias a sus poderosas opciones de personalización de CSS.

Aconsejaría a todos que lean detenidamente toda la documentación para comprender claramente la funcionalidad del complemento. ¡Por solo $ 16, es una ganga!

Obtén UberMenu ahora

¿Has usado UberMenu antes? ¡Háganos saber sus opiniones!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba