Esta guía detalla la creación de menús de navegación para su sitio realizado con Site Creator 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?).
  • Hacer 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 tu 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, la lista de tus páginas aparece, clasificadas en 2 secciones principales: MAIN MENU y LEGAL.

Pero también puedes añadir más.

Estos menús, junto con las páginas que contienen, se utilizan en diferentes lugares de tu sitio según el tema elegido, entre otros factores.

A menudo encontrarás 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 el menú

Podrás gestionar su presencia en el mapa del sitio o eliminarlo (junto con 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 por encima.

Consulte esta otra guía para no hacer aparecer 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 la souris, 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 creada de esta manera.
      

Título del menú no clicable

Elija si es necesario no hacer clicable el primer elemento de un 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 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. Elige un nombre de página y Mostrar más opciones.
4. Elige 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 cursor:
   

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, puedes personalizarla mediante el 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ás decidir, entre otras cosas, la ubicación de tus menús (a la izquierda de la página o colocado en la parte superior, fijo o móvil, tipo "menú hamburguesa ☰" a la derecha o normal, etc.).
 

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

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 Plantillas de menú (siempre bajo Diseño, luego Editor de menú):
   

Menú fijo

La mayoría de los menús ofrecidos se moverán con el contenido de la página. El menú desaparece si se desciende en la página:

Puede definir un menú que siempre debe estar 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. Seleccione En la cabecera en el cuadro Tipo de menú.
5. El botón de alternancia (toggle switch) Fijado 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 módulo Menú de subpáginas permite insertar tus menús y submenús en cualquier lugar de tu 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 tu página es Contact, entonces la URL para acceder a ella será www.domain.xyz/contact.

Si luego cambias el nombre de la página a Contactez-nous, entonces la URL será www.domain.xyz/contactez-nous.

Para definir la URL personalizada de la página en la que te encuentras:

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):
   

El primer campo en la parte superior permite definir la dirección de la página. Todo espacio será convertido en un guión y los caracteres especiales, acentos, símbolos, etc., deben evitarse.

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.