Esta guía detalla 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 más.

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:

Gestionar el menú

Podrá gestionar su presencia 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.
3. Haga clic en el icono de engranaje que aparece al pasar el ratón.

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.
   • 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 podrá mostrar la jerarquía así creada.

Título de menú no clicable

Elija, si es necesario, no hacer clicable el primer elemento de tal menú:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general para modificar este ajuste 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.
   • Aparecerá la lista de sus páginas.
2. Haga clic en el botón Agregar una página debajo del árbol existente:
   
3. Elija un nombre de página y Mostrar más opciones.
4. Elija la redirección de URL para especificar el destino al hacer clic:
   

Agregar un nuevo menú

Para ello:

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.
3. Haga clic en el icono "+" que aparece al pasar el ratón:
   

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:
   
   • 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ú:
   
   ‍

Podrá decidir, entre otras cosas, la ubicación de sus menús (a la izquierda de la página o en la parte superior, fijos o móviles, 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, blanco sobre blanco en un dispositivo móvil:

1. Haga clic en Título del menú / logo (siempre bajo Diseño, luego Editor de menú).
2. Ajuste el color del texto:
   

Adoptar un nuevo tema de menú

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

1. Haga clic en Modelos 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. Elija En el encabezado 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 activarlo.
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 module Menu de subpáginas permite la inserción de sus menús y submenús en cualquier lugar de su página.

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 Contact entonces la URL para acceder a ella será www.domain.xyz/contact.

Si más tarde cambia el nombre de la página a Contáctenos entonces la URL será www.domain.xyz/contactenos.

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 Parámetros de esta subpágina):
   

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 mientras un menú ya contiene un enlace a la página en cuestión, se adaptará de manera dinámica.