Editor de Wix Harmony: agregar y administrar menús

Los menús del sitio están conectados a las páginas de tu sitio y se actualizan automáticamente cuando agregas una página nueva. Puedes ocultar las páginas que no quieras que aparezcan en el menú del sitio y agregar tus propios enlaces.

1. Elige el tipo de menú que deseas y arrástralo a la página: Menú horizontal, Menú vertical o Menú hamburguesa.

2. Haz clic en el nuevo menú del sitio.

3. Haz clic en Administrar menú en la barra de acciones.

4. Configura el menú:

   • Haz clic en + Agregar ítem para agregar más páginas del sitio o enlaces. 

   • Haz clic en el icono Más acciones junto a un ítem del menú para renombrarlo o eliminarlo. 

   • Mantén pulsados y arrastra los elementos del menú para reordenar la lista.  

Consejo: Obtén más información sobre cómo agregar y administrar los ítems del menú.

1. Haz clic en Crea un menú personalizado para agregarlo a la página.
2. (Opcional) Cambia el estilo del menú: 
   1. Haz clic en el nuevo menú personalizado.
   2. Haz clic en Cambiar formato en la barra de acciones para establecer el estilo del menú.
   3. Elige la opción correspondiente en Menú:
      • Barra de menú: los elementos del menú se muestran en una barra de navegación. En Orientación, elige si la barra es horizontal o vertical.
        Consejo: Para los menús horizontales, también puedes elegir el comportamiento del ítem cuando no hay suficiente espacio para los ítems en la pantalla del visitante. Deja que el menú se expanda (Ajustar al texto) o agrega un botón para desplazarte por los ítems adicionales (Ajustar para desplazar).
      • Hamburguesa: los visitantes ven un icono en el que hacen clic para abrir el menú. Esta es una excelente opción para diseños limpios y minimalistas. 

Siempre puedes ajustar los enlaces que hayas agregado previamente al menú.

1. Pasa el cursor sobre el enlace correspondiente y haz clic en el icono Más acciones .

2. Haz clic en Cambiar enlace.

3. Cambia el tipo de enlace o sus detalles.

4. Haz clic en Listo.
   
   

1. Pasa el cursor sobre el elemento correspondiente y haz clic en el icono Más acciones .

2. Haz clic en Renombrar. 

3. Ingresa el nuevo nombre. 

4. Presiona la tecla Enter en el teclado para guardar los cambios.
   
   

1. Pasa el cursor sobre el elemento correspondiente y haz clic en el icono Más acciones .

2. Haz clic en Eliminar del menú.

Notas:

• Esto no elimina una página del sitio, solo elimina la página del menú.

• Si eliminas un menú desplegable, cualquier página que le hayas agregado se elimina del menú. Sin embargo, siempre puedes volver a agregarlas al menú.
  
  

Mantén pulsado el icono Reordenar junto a un ítem y arrástralo a la posición deseada.

Diseña la barra de menú en sí, así como los ítems del menú, usando las opciones disponibles:

• Colores de relleno : cambia el color del menú. Elige uno de los colores de tu marca o un color personalizado.

• Borde : define los bordes del elemento para que se destaque. Elige un color, un ancho y un estilo. Haz clic en el icono Editar bordes individualmente  para diseñar cada lado del borde.

• Esquinas : haz que las esquinas del menú sean más cuadradas o redondeadas arrastrando el control deslizante debajo de Radio. Haz clic en el icono Editar esquinas individualmente  para diseñar cada esquina por separado.

• Sombra : aplica un sombreado interior y exterior para darle al elemento un efecto 3D interesante. Configura la posición, el desenfoque, el color y más.

• Espaciado : haz que el contenido se vea más holgado. Agrega un espacio de relleno y ajusta el espaciado entre los ítems.

• Estilo : decide si deseas aplicar o no la dirección del sitio (de izquierda a derecha o de derecha a izquierda) a este menú. Para los menús verticales, también puedes elegir el ancho de los ítems del menú y si los menús desplegables aparecen abiertos o cerrados.

Nota: Las opciones disponibles varían según lo que elijas diseñar: la barra de menú en sí o los ítems del menú.

Diseña el texto de los ítems del menú cambiando la fuente, el color, el formato, la alineación, el espaciado entre caracteres y más.

Diseña los menús desplegables del menú con las opciones disponibles:

• Colores de relleno : cambia el color del menú desplegable. Elige uno de los colores de tu marca o un color personalizado.

• Bordes : define los bordes del menú desplegable para que se destaque, eligiendo un color, un ancho y un estilo. Haz clic en el icono Editar bordes individualmente  para diseñar cada lado del borde.

• Texto : diseña los ítems del menú desplegable cambiando la fuente, el color, el formato, la alineación, el espaciado entre caracteres y más.

• Esquinas : haz que las esquinas del menú desplegable sean más cuadradas o redondeadas arrastrando el control deslizante debajo de Radio. Haz clic en el icono Editar esquinas individualmente para diseñar cada esquina por separado. 

• Sombra : aplica sombras internas y externas para darle al menú desplegable un efecto 3D interesante. Configura la posición, el desenfoque, el color y más.

• Espaciado : haz que el contenido se vea más holgado. Agrega un espacio de relleno y ajusta el espacio sobre el menú desplegable y entre los ítems.

• Estilo : elige la alineación, el ancho y la posición del menú desplegable y sus ítems. Decide cuántas columnas debe mostrar el menú desplegable.

Nota: Las opciones disponibles varían según lo que elijas diseñar: el menú desplegable en sí o los ítems del menú desplegable.

Por el momento, no es posible personalizar el diseño que aparece cuando los visitantes hacen clic o pasan el cursor sobre el menú. El subrayado que se muestra al pasar el cursor sobre los elementos forma parte del diseño integrado del menú y no se puede cambiar ni eliminar.

Si necesitas más control sobre el diseño de la navegación, puedes recrear el menú mediante elementos de texto o botones y añadir enlaces a cada uno de forma manual.