Este tutorial presenta la creación de menús de navegación para su sitio realizado con Site Creator de Infomaniak, así como su composición, estilos y parámetros.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿necesita ayuda?).
  • Haga clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Los diferentes menús de navegación

Las diferentes páginas que componen su sitio pueden ser accesibles dentro de uno o varios menús de navegación:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Por defecto, aparece la lista de sus páginas, clasificadas en 2 secciones principales: MENÚ PRINCIPAL y LEGAL:
   

Pero puede agregar varios.

Estos menús con las páginas que contienen se utilizan luego en diferentes lugares de su sitio, según el tema elegido, entre otros:

• A menudo encontrará el menú principal colocado en la parte superior de la página:
  
• y los otros menús se propondrán automáticamente en el pie de página:
  

Administrar los menús

Agregar un nuevo menú

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Pase el cursor sobre un título de menú en la estructura existente.
3. Haga clic en el ícono "+" que aparece al pasar el cursor:
   

Podrá gestionar la presencia del menú en el mapa del sitio o eliminarlo (él y todas sus páginas):

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Pase el ratón sobre un título de menú en la estructura existente y haga clic en el icono de engranaje que aparece al pasar el ratón:
   
3. Seleccione las configuraciones deseadas y valide al final de la página:
   

Consulte esta otra guía para no mostrar ningún menú.

Crear un subelemento en un menú

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
   • Aparece la lista de sus páginas.
2. Con el ratón, mueva una página ligeramente hacia la derecha debajo de otra página:
   
   • Se convertirá en una subpágina y su menú en el sitio podrá mostrar la estructura creada:
     
   • También tenga en cuenta el truco a continuación...

Título de menú no clicable

Si es necesario, elija no hacer clicable el primer elemento de un menú con elementos de submenú (como se configuró anteriormente):

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general para modificar esta configuración en Opciones de submenú:
   

Elemento de menú que contiene un enlace a otro sitio web

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
   • Aparece la lista de sus páginas.
2. Haga clic en el botón Agregar página debajo de la estructura existente:
   
3. Introduzca un nombre de página y haga clic en Mostrar más opciones.
4. Elija la redirección de URL para especificar el destino al hacer clic:
   

Menú superior adicional

Para mostrar una "barra de menú" en la parte superior de su página:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Más parámetros.
3. Active la Barra de menús de encabezado:
   
4. Una vez activada, puede personalizarla a través del enlace Configuración en el mismo lugar:
   

Estilos de menú

Para gestionar los diferentes estilos de menú:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Editor de menú:
   
3. Luego en Configuración:
   
4. Podrá decidir, entre otras cosas, la ubicación de sus menús (en el lado izquierdo de la página o en la parte superior, fijo o móvil, tipo "menú hamburguesa ☰" a la derecha o normal, etc.):
   

Cambiar el color del menú "hamburguesa" (☰)

Si este botón de menú de tres líneas horizontales ☰ aparece, por ejemplo, en blanco sobre blanco en un dispositivo móvil:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Editor de menú.
3. Haga clic en Título del menú / logo.
4. Ajuste el color del texto:
   

Adoptar un nuevo tema de menú

Cambie completamente de estilo predeterminado gracias a los temas en la parte superior del submenú:

• Haga clic en Plantillas de menú (siempre bajo Diseño, luego Editor de menú):
  

Menú fijo

La mayoría de los menús propuestos se moverán con el contenido de la página.

• El menú desaparece si se desplaza hacia abajo en la página:
  
  
   
• Puede definir un menú que siempre debe estar fijo en el borde superior (con diferentes opciones visuales):
  
  

Para activar o desactivar el menú fijo:

1. Haga clic en Diseño.
2. Haga clic en Editor de menú.
3. Haga clic en Configuración principal.
4. Seleccione En la cabecera en el cuadro Tipo de menú.
5. El botón de alternancia (toggle switch) Fijo en la parte superior se muestra más abajo y puede activarse.
6. Haga clic en Guardar:
   

Algunos modelos de menú (como el #3 y el #16) aplican directamente los ajustes óptimos para un menú fijo.

Insertar sus menús en el cuerpo de la página

Un módulo Menú de subpáginas permite la inserción de sus menús y submenús en cualquier lugar de su página:

• Añada el elemento desde las Apps:
  

El módulo mapa del sitio muestra todos los menús y todas sus páginas en un solo bloque.

Definir la URL de la página

Por defecto, si el nombre de su página es Contacto entonces la URL para acceder a ella será www.dominio.xyz/contacto.

Si más tarde cambia el nombre de la página a Hola entonces la URL será www.dominio.xyz/hola.

Para definir la URL personalizada de la página en la que se encuentra:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en SEO & Metadatos (bajo Configuración de esta subpágina).
3. El primer campo en la parte superior permite definir la dirección de la página. Todo espacio se convertirá en un guion y se deben evitar los caracteres especiales, acentos, símbolos, etc.:
   

Si se registran cambios de URL durante la creación del sitio y un menú ya contiene un enlace a la página en cuestión, se adaptará de manera dinámica.