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? He estado reflexionando sobre esto durante bastante tiempo y he llegado a una conclusión. Uno de los elementos clave en cualquier bien sitio web es claridad. Un sitio web limpio, bien categorizado con buen contenido (incluyendo texto, imágenes, audio y / o video) es brillante.
Las personas dedican mucho tiempo y esfuerzo a mejorar sus mapas de sitio XML, SEO y marketing en redes sociales. Eso es genial para que su usuario encuentre su sitio en Google / Twitter. ¿Qué sucede cuando una persona aterriza en su sitio? ¿Le gustará lo que ve? ¿Marcará ese sitio como favorito? ¿Qué desencadenaría sus nervios felices y presionaría el botón Me gusta / Seguir?
Ingrese la experiencia del usuario. Muchas personas prestan poca atención a esto. 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, voy a revisar un complemento de potenciador de menú de WordPress muy popular llamado UberMenu. Con un costo de solo 16 USD, este complemento ha superado las 17,000 ventas en CodeCanyon. Tu cerebro ya hizo los cálculos, más de 272,000 USD, solo con un complemento. Ahora que tengo su atención, comencemos. 😉
Instalación
Instalar UberMenu es muy sencillo. Hay dos formas de instalarlo, una es donde extrae el archivo y carga los 261 archivos y 39 carpetas a la carpeta de complementos en wp_content a través de FTP o simplemente lo instala desde el panel de WordPress en Complementos> Agregar nuevo> Cargar subiendo directamente el archivo zip.
Una vez que activa el complemento, aparece un buen tutorial que lo guía a través de la configuración básica del complemento. Te recomiendo que sigas esa guía, ya que te dará una vista panorámica de lo que te espera, y no te decepcionará.
Introducción a los conceptos básicos
El desarrollador del complemento, Chris Mavricos, no ha dejado una piedra sin remover cuando se trata de documentar su complemento. La documentación también incluye tutoriales en video. Me humillé al 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 cuando se trata de categorizar su contenido hasta el último bit. Si eres un tipo frenético de los creadores de etiquetas (como el Dr. Sheldon Cooper), esto te 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 prácticamente le permite cambiar 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 el contenido de su sitio correctamente. Para comenzar, debe crear un menú (Apariencia> Menús) y asignarlo a la ubicación admitida del tema. Para este tutorial, usamos el tema Twenty Eleven de WordPress que admite 1 menú principal. Ahora que ha creado el menú, es hora de crearlo. Creamos una entrada principal llamada «TV». Eso lo convierte en el nivel 1, en la parte superior de la lista de jerarquía. A continuación, dividimos 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 el tercer nivel. Obtenemos algo como esto:
Y así es como se ve con MegaMenu:
Categorización limpia, simple y sin desorden.
MegaMenu con imágenes y descripción
Agregar imágenes y descripciones a cada entrada del menú como la guinda del pastel. UberMenu te permite asignar una imagen y descripción a casi todos los elementos del menú, así como eliminar el texto visible (en caso de que solo quieras las imágenes) o resaltar entradas de menú individuales. Todo gracias a esta impresionante lista de control disponible en cada elemento del menú.
Sin embargo, las imágenes en el 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, he usado imágenes de 300 × 300 píxeles.
Sin embargo, si habilita Timthumb, todas las imágenes que cargue se redimensionarán a las dimensiones que asigne a la configuración.
Así es como se ve un elemento de menú con descripciones:
Widgets dentro de los menús
Esta es la característica definitiva que convierte a UberMenu en el rey de todos los complementos de menú. El concepto es bastante simple pero absolutamente brillante. Establece la cantidad de espacios de widgets que desea (que pueden ser tantos como desee) en la configuración de UberMenu y luego coloca los widgets en consecuencia desde la página de 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 de verificación Deshabilitar texto y Deshabilitar enlaces.
Aquí hay un ejemplo de las maravillas que pueden hacer los widgets (dentro de los menús):
Potente personalización
UberMenu tiene muchas opciones poderosas de personalización de CSS3 disponibles en el Generador de estilos que puede usar para darle a su menú una apariencia única. También admite un CSS totalmente personalizado y ajustes personalizados parciales.
También viene con muchas plantillas de estilo bien diseñadas, cualquiera de las cuales puede usar en su menú.
Otra característica digna de mención es el Asistente de personalización, que resulta muy útil cuando desea 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 base como el marco de temas Genesis o Headway, entonces la integración del tema puede ser un poco complicada. Afortunadamente, Chris ha documentado esta parte maravillosamente, brindándote los conocimientos necesarios 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, ya sea para activar o desactivar una función. En mi opinión, 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 vital importancia. UberMenu tiene un impacto insignificante en el tiempo de carga del sitio. he usado 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. Es posible 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».
Diseño de respuesta
UberMenu tiene reglas lógicas individuales para iPhone, iPad y el navegador de Android. Intenté cambiar el tamaño de mi navegador para ver cómo responde el menú. Funcionó a las mil maravillas. Tan pronto como mi navegador cruzó un cierto ancho, el menú cambió a un diseño diferente y receptivo.
Compatibilidad del navegador
UberMenu es totalmente compatible con los populares navegadores modernos como Chrome, Firefox, Safari, IE 9 e IE 10.
Apoyo
Otra razón por la que este complemento es tan popular. UberMenu tiene una amplia gama de opciones de soporte disponibles. 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 una situación de sueño hecha realidad para los desarrolladores avanzados de WordPress, gracias a sus poderosas opciones de personalización de CSS.
Aconsejaría a todos que lean detenidamente la extensa documentación para tener una comprensión clara de las características del complemento. ¡Por solo 16 USD esto es una ganga!
Obtén UberMenu ahora
¿Has usado UberMenu antes? ¡Háganos saber sus puntos de vista!