• 0k
  • 0
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

Delete the horizontal menu from the template

Elimina el menú horizontal de la plantilla

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

Click Add and choose Buttons & Menus
• Elige el tipo de botón que te gusta y agrégarlo a tu sitio

Choose the kind of button you like and add it to your site

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

Click on it and choose Change Style

• 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

Click on the button and choose Duplicate

• 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

Drag the duplicated buttons and set them up in a straight vertical line

• 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

Click on the Add Link field and choose Pag

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

Select the page you from the list and click OK
• Todavía en la ventana de Configuración, marca la casilla “mostrar en todas las páginas”

check the “show on all pages” checkbox

• 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.

 


Bienvenido al

Únete al Blog de Wix ¡Para estar al tanto de novedades!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email