Menús verticales de WordPress: de A a Z

Ya hemos hablado en artículos anteriores sobre cómo crear un menú de WordPress en general y crear menús desplegables de WordPress. Todavía no he cubierto los menús verticales. Entonces, es hora de levantar las mangas y mostrarte cómo matarlas. ¿Listo? Ahora, seamos directamente aquí: cuando hablamos de menús verticales, no incluyo ninguna navegación a la izquierda o a la derecha. Comencemos recordándonos cómo se construyen los menús, ¿verdad? Lo haré rápidamente. Cómo crear un menú de WordPress en general Paso 1: Vaya al tablero de WordPress y seleccione “Menús” en “Apariencia”.
Paso 2: Nombre el menú y seleccione la ubicación de la pantalla del menú. Las opciones aquí varían de un tema a otro. Luego presione “Crear menú”.

Paso 3: Agregue los elementos del menú (páginas, publicaciones, enlaces personalizados, categorías). Solo verifique el elemento que necesita, luego presione “Agregar al menú”.

Paso 4: Guarde el menú. ¡Y eso es! Si ha cambiado de opinión y desea cambiar la ubicación del menú, puede hacerlo rápidamente utilizando la opción “Administrar ubicaciones”.

Tipos de menús verticales Al considerar un tipo de menú, lo principal que debe considerar es cuántos niveles necesita. ¿Usas menús y submenús, categorías y subcategorías?
Veamos sus opciones:
El menú de acordeón vertical
Este tipo de menú permite a los usuarios hacer clic en un enlace de menú y tener opciones de submenú extendidas o deslizantes afuera. Los menús de acordeón son menús verticales en los que hace clic en el elemento principal extiende la sección debajo de ella. Si hace clic en el enlace superior por segunda vez, la sección está cerrada.

Esto hace que los menús sean realmente compactos y fáciles de navegar si usan indicaciones visuales necesarias para indicar que las diapositivas están disponibles (la mayoría de las veces se usan formas de flecha). Esta opción tiene una gran desventaja. El usuario podría confundirse un poco sobre el elemento principal si hay demasiadas opciones para él. El menú vertical
El menú Mega Vertical crea un solo contenedor de “flyout” para cada enlace principal. Cada conexión principal conduce a un submenú. Esta es una opción muy popular entre las tiendas en línea.
El menú de caída

Los menús que salen son el tipo de menú más popular en varios niveles. Las conexiones en el menú se llevan a cabo verticalmente.
Fuente: Dribbble ahora, la mayoría de los temas allí no le permitirán crear un menú vertical. Es por eso que necesitaremos ayuda adicional de los complementos de WordPress. 2 complementos que puede usar para menús verticales de WordPress

Ahora, hay varios complementos de WordPress para el menú vertical del que puede elegir, pero aquí mis favoritos. Si desea ver otras opciones, consulte este enlace en wordpress.org. El menú con íconos verticales receptivos son algunas de sus características más útiles:
Instalación y fácil uso
Funciona sin problemas con todas las versiones de WordPress
Menú vertical WordPress completamente receptivo
La posibilidad de agregar el icono del menú
La capacidad de cambiar el menú principal y los estilos del submenú (función premium)
La posibilidad de hacer cambios en los estilos de menú activo, la familia de fuentes, los estilos de borde, el color de fondo (característica premium)
Back-end fácil de usar en temas populares de WordPress
Menú resbaladizo – Menú vertical WordPress Receptive Estas son algunas de sus características más útiles:
Cada nivel es independientemente personalizable
14 animaciones para la aparición del menú 3D
Animando el menú cubierta o superpuesta
45 animaciones con elementos de menú
Animaciones de hamburguesas
Biblioteca de iconos
Fuentes de Google disponibles
Completamente receptivo
Carrera tranquila
Ahora, así es como puede instalar un complemento de WordPress.
Menús de los pros y los contras Ahora ahora, mi pregunta es: ¿realmente necesitas un menú vertical? ¿Por qué te pregunto esto? Bueno, parece que hay un debate continuo sobre el tema. La mayoría de los diseñadores están en contra de esto y presentaré algunas de sus razones a continuación.
Ahora, cada regla tiene excepciones y las veremos. Finalmente, no hay una respuesta absolutamente correcta. Cuando se trata de diseño para los usuarios, contextualice el controlador principal. Ahora, veamos los contraargumentos.
Si coloca la barra de navegación vertical en el lado izquierdo de un contenido de página, puede perder un espacio valioso que podría usarse para cosas más importantes.
Los usuarios ya están acostumbrados a este modelo: los elementos de navegación comunes están cerca de la parte superior.
Los menús verticales eran más comunes en el pasado, ahora parecen anticuados.
Ahora veamos los argumentos de los menús verticales:
La navegación izquierda puede ser más rápida para el escaneo por los usuarios.

En la navegación vertical, puede incluir varios elementos, en la navegación horizontal, debe restringir las cosas, debido al espacio limitado.
Si las conexiones principales son largas, encajarían mejor en un menú vertical. Las aplicaciones de comercio electrónico y móviles ya han ayudado a los usuarios a acostumbrarse a los menús verticales. Los sitios de comercio electrónico utilizan una visualización vertical de categorías de productos y subcategorías. Las aplicaciones móviles no pueden mostrar navegación horizontal debido a la falta de espacio, y es por eso que, cuando restringe un menú de hamburguesas, verá una navegación vertical.
Los usuarios están acostumbrados a encontrar cosas importantes en una alineación de la izquierda para los productos SaaS. Supongamos que usa el canal, MailChimp, Adobe Lightroom o incluso el generador de página Colibri. Estos no son menús en sí mismos, pero demuestra que todo no tiene que suceder dentro de una barra superior.
Inspiración del menú vertical de 7 sitios web
El sitio para el gran premio de Fórmula 1 Australia utiliza un menú vertical con varios elementos de menú compatibles con iconos. Se ve muy bien y es visible. No te lo puedes perder.
2. Ver un menú vertical dentro del sótano es bastante ordinario. Algunos de estos menús son bastante aburridos, pero aquí hay uno que me llamó la atención:
Fuente: thedvigroup.com
Tiene un propósito, por lo que se destaca. El diseño debe ser un camino a un objetivo. Aquí, el objetivo parece facilitar la búsqueda de información de contacto y oferta de trabajo para las personas. Aquí hay un ejemplo de menús verticales en el Museo Británico. Las conexiones que ingresan al sótano son enlaces secundarios y terciarios, no pesan tanto como los enlaces principales que ingresan a la navegación principal.

3. Este sitio no utiliza una navegación horizontal pegajosa, por lo que coloca un menú vertical. ¿Quién dice que no puede tener un menú horizontal y vertical? Es difícil colocar 7 enlaces en la barra de navegación superior. Entonces, un menú vertical era una elección natural. También se extiende para que no ocupe demasiado espacio.

Fuente: Live.harley-Davidson.com 5. Debido a que los usuarios ahora están muy familiarizados con la opción del menú de hamburguesas, este modelo también se puede reproducir en el escritorio, como lo hicieron las personas de Kitecreative.
6. Aquellos en la mesa enumeran su tarea en su menú vertical. Estos enlaces encajarían en un menú horizontal con tres elementos y 2 menús desplegables. La experiencia habría roto la visión que tienes ahora. Elegir el menú vertical fue una opción más limpia y amigable.

7. Aquellos en las rocas usan un menú vertical a la izquierda, pero también tienen un contenido similar a la derecha, por lo que está en una simetría casi perfecta.