Diseño Web \ 7 Octubre 2013

Tips HTML5: Agrega un Menú Vertical a Tu Sitio

El menú de un sitio es uno de los elementos más importantes de tu presencia online. El menú le da a los visitantes una visión general de todo lo que el sitio ofrece y garantiza una experiencia de navegación sin problemas. Es seguro decir que el tipo de menú más común es el horizontal, colocado en un lugar prominente en la parte superior.

Sin embargo, algunos diseños web funcionan mejor con un menú vertical que se coloca en el costado (en el lado izquierdo para los idiomas que se leen de izquierda a derecha y viceversa). Usar un menú vertical es genial ya que rompe con el diseño tradicional sin causar confusión entre los visitantes del sitio. Un menú al costado es claro y los usuarios de Internet de todo tipo ya saben intuitivamente cómo llegar a él.

Aunque las plantillas HTML5 de Wix se ajustan con los menús horizontales, puedes crear fácilmente un menú vertical por tu cuenta siguiendo estos pasos:

• En el editor de HTML5, elimina el menú horizontal de la plantilla

Elimina el menú horizontal de la plantilla

• Haz click en Agregar y elige Botones y Menús


• Elige el tipo de botón que te gusta y agrégarlo a tu sitio

• Para personalizar el diseño del botón, haz click sobre él y selecciona Cambiar Estilo

• Haz click en Editar en la categoría Estilo del botón que desees
• Cambia los colores, matices y fuente de acuerdo con sus preferencias
• Cuando estés satisfecho con el diseño, haz click en el botón y elige Duplicar

• Repite esto hasta que tengas suficientes botones para todas las páginas del sitio
• Arrastra los botones duplicados y colócalos en una línea recta vertical

• Ahora personaliza cada botón de enlace – haz click y selecciona Configuración
• Cambia el texto del botón de acuerdo con el nombre de la página correspondiente
• Haz click en el campo Agregar vínculo y selecciona Página

• Selecciona la página que desees de la lista y haz click en OK


• Todavía en la ventana de Configuración, marca la casilla “mostrar en todas las páginas”

• Repite este procedimiento para todos los botones del menú
• Guarda tu trabajo y ve al modo de vista previa para comprobar que todos los botones funcionan correctamente

¡Listo! Tu menu ya es vertical! Disfruta de tu nuevo estilo de menú y no dejes de compartir con nosotros los resultados de tu nueva “obra de arte” en Wix.