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

Los diferentes menús de navegación

Comience por iniciar sesión en el Panel de control de Infomaniak con su identificador (usuario que disponga de los permisos necesarios sobre el producto correspondiente):

1. Haga clic aquí para acceder a la gestión de alojamientos y sitios web (filtrada para mostrar solo Site Creator).
   • Si no se muestra nada, es posible que no se encuentre en la Organización a la que está asociado su sitio web (❓: ayuda).
2. Haga clic en el nombre del Site Creator correspondiente:
   
3. Haga clic en el botón para editar su sitio:
   

Una vez que esté en Site Creator, 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 categorías principales: MENÚ PRINCIPAL y LEGAL:
   

Pero puede añadir varias.

Estos menús, con las páginas que contienen, se utilizan posteriormente en diferentes secciones de su sitio web, según el tema elegido:

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

Gestionar los menús

Añadir 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 el árbol de la estructura existente.
3. Haga clic en el icono "+" que aparece al pasar el cursor por encima:
   

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

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 el árbol existente y haga clic en el icono de engranaje que aparece al pasar el cursor:
   
3. Elija la configuración deseada y valídela en la parte inferior de la página:
   

Consulte esta otra guía para evitar que aparezca el menú.

Crear un subelemento en un menú

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
   • Aparecerá 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 web podrá mostrar la estructura de árbol creada:
     
   • También, consulte el consejo que se indica a continuación…

Título del menú no enlazable

Si es necesario, elija que el primer elemento de un menú con elementos de submenú (como se ha configurado anteriormente) no sea enlazable:

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

Elemento de menú que contiene un enlace a otro sitio

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
   • Aparecerá la lista de sus páginas.
2. Haga clic en el botón Añadir página debajo del árbol de 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 opciones.
3. Active la barra de menú de la cabecera:
   
4. Una vez activada, puede personalizarla a través del enlace Configuración, que se encuentra 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, haga clic en Configuración:
   
4. Podrá decidir, por ejemplo, la ubicación de sus menús (en la izquierda 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ú con 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ú / logotipo.
4. Ajuste el color del texto:
   

Adoptar un nuevo tema de menú

Cambie por completo el estilo predefinido gracias a los temas que se encuentran en la parte superior del submenú:

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

Menú fijo

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

• El menú desaparece al desplazarse hacia abajo en la página:
  
  
  
• Puede definir un menú que siempre debe permanecer fijo en la parte 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. Elija En la cabecera en el cuadro Tipo de menú.
5. El botón de alternancia (toggle switch) Fijado en la parte superior aparece más abajo y puede activarlo.
6. Haga clic en Guardar:
   

Algunas plantillas de menú (como la #3 y la #16) aplican directamente la configuración óptima para un menú fijo.

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

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

• Añada el elemento desde las aplicaciones:
  

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, la URL para acceder a ella será www.dominio.xyz/contacto.

Si posteriormente cambia el nombre de la página a Hello, la URL será www.domain.xyz/hello.

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 y metadatos (en Configuración de esta subpágina).
3. El primer campo en la parte superior permite definir la dirección de la página. Cualquier espacio se transformará en un guion, y es recomendable evitar los caracteres especiales, las tildes, los símbolos, etc.:
   

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