Qué es el constructor de menús
El menú principal es la barra de enlaces que el visitante usa para moverse por la web. Desde Contenido (CMS) › Menú lo construyes en una sola pantalla: añades las opciones con el formulario de la derecha, las colocas en la lista de la izquierda y pulsas Guardar.
| Concepto | Qué es |
|---|---|
| Menú de un idioma | Cada idioma de la web tiene su propio menú, con sus textos y sus direcciones. Al entrar ves el del idioma por defecto; los demás se eligen con Cargar menú. |
| Opción | Cada enlace del menú: un texto y la URL a la que lleva. |
| Desplegable | Una opción que contiene otras (subopciones), que se muestran al pasar por ella. |
| Orden | La posición de cada opción en la lista, que es la misma que tendrá en la web. |
Los 5 pasos para montar el menú
¿Qué quieres hacer?
Elegir el menú de un idioma
Para qué sirve
Cargar el menú del idioma que quieres preparar o cambiar. Cada idioma de la web tiene su propio menú.
Cuándo usarlo
Siempre que entres en el módulo, antes de añadir o mover opciones.
- Inicio
- Destinos
- Playa
- Montaña
- Ofertas
- Contacto
Paso a paso
- Al entrar se abre el menú del idioma por defecto de la web. Para trabajar con otro, pulsa Cargar menú y elige su bandera. La bandera junto a Menú indica el idioma que estás editando y la lista muestra sus opciones.
- Comprueba que el campo URL de la derecha empieza por el prefijo de ese idioma, por ejemplo /es/. Se rellena solo al cargar el menú.
Añadir una opción al menú
Para qué sirve
Crear un enlace del menú principal: su texto, la página a la que lleva y cómo se abre.
Cuándo usarlo
Al publicar una sección nueva de la web o al preparar el menú por primera vez.
- Inicio
- Destinos
- Ofertas5
Paso a paso
- En Texto, escribe el nombre que verá el visitante en el menú.
- En URL, escribe la dirección de la página a continuación del prefijo del idioma.
- Si quieres, cambia Target, Styles o Class name (ver la tabla de campos).
- Pulsa Añadir. El botón solo se activa cuando hay texto y URL. Descartar vacía el formulario sin añadir nada.
- La opción aparece al final de la lista de la izquierda. Colócala en su sitio y pulsa Guardar.
| Campo | Qué hace |
|---|---|
| Texto | Nombre del enlace en el menú. Obligatorio. |
| URL | Página a la que lleva el enlace, con el prefijo del idioma (por ejemplo, /es/ofertas/) o una dirección completa de otra web. Obligatorio. |
| Target | Cómo se abre el enlace: Self en la misma pestaña (lo habitual), Blank en una pestaña nueva y Top en la ventana completa del navegador. |
| Styles | Estilo visual de la opción: None, Sidebars, Underline o Bold. El aspecto final depende del diseño de cada web. |
| Class name | Clase CSS adicional para dar a la opción un estilo propio. Déjalo vacío si tu web no la necesita. |
Crear un menú desplegable
Para qué sirve
Agrupar varias opciones bajo otra, que se muestran al pasar por ella en la web (por ejemplo, los destinos dentro de «Destinos»).
Cuándo usarlo
Cuando una sección tiene varias páginas y no quieres llenar el menú principal de enlaces.
- Inicio
- 3Destinos
- Playa2
- Montaña1
- Ofertas
- Contacto
Paso a paso
- Arrastra cada subopción sobre la opción principal, un poco hacia la derecha, y suéltala dentro de ella. También puedes colocarla justo debajo y pulsar el botón de la flecha que sube (mover dentro): pasa a ser subopción de la opción que tiene encima.
- Para sacar una subopción del desplegable, pulsa el botón de la flecha que baja (mover fuera). Vuelve al primer nivel del menú.
- Pulsa − para plegar las subopciones y + para verlas. Solo cambia la vista de la lista; no afecta a la web.
- Pulsa Guardar.
Ordenar las opciones
Para qué sirve
Cambiar el orden en que aparecen las opciones en el menú de la web.
Cuándo usarlo
Al añadir una opción nueva, que siempre se coloca al final, o al reorganizar el menú.
- Inicio
- Destinos
- Playa
- Montaña
- Ofertas12
- Contacto
Paso a paso
- Arrastra la opción con el ratón hasta su nueva posición y suéltala. Las subopciones se mueven junto a su opción principal. Si la sueltas un poco a la derecha, dentro de otra opción, se convierte en su subopción.
- También puedes usar las flechas de cada fila para subirla o bajarla una posición.
- Pulsa Guardar para aplicar el nuevo orden en la web.
Editar una opción
Para qué sirve
Cambiar el texto, la URL o el comportamiento de una opción que ya está en el menú.
Cuándo usarlo
Al renombrar una sección o cuando cambia la dirección de una página.
- Inicio
- Destinos1
- Ofertas
Paso a paso
- Pulsa el lápiz azul de la opción. El formulario de la derecha se marca en azul y muestra sus datos.
- Cambia lo que necesites: Texto, URL, Target, Styles o Class name.
- Pulsa Actualizar para aplicar el cambio en la lista, o Cancelar para dejarla como estaba. Después, pulsa Guardar.
Eliminar una opción
Para qué sirve
Quitar del menú un enlace que ya no necesitas.
Cuándo usarlo
Cuando retiras una sección o una página de la web.
- Inicio
- Destinos
- Promoción verano1
- Contacto
Paso a paso
- Pulsa la papelera roja de la opción. Desaparece de la lista.
- Pulsa Guardar para quitarla también del menú de la web.
Guardar el menú
Para qué sirve
Publicar en la web todos los cambios de la lista: opciones nuevas, editadas, eliminadas y el nuevo orden.
Cuándo usarlo
Cada vez que termines de preparar el menú de un idioma.
- Inicio
- Destinos
- Playa
- Montaña
- Ofertas
- Contacto
Paso a paso
- Revisa la lista y pulsa Guardar. Se guarda el menú del idioma de la bandera; repite el proceso en cada idioma de tu web.
Buenas prácticas
Pocas opciones principales
Entre 5 y 7 opciones en el primer nivel. Agrupa el resto en desplegables.
Textos cortos
Una o dos palabras por opción, para que el menú quepa en una línea.
El mismo menú en cada idioma
Mantén las mismas opciones y el mismo orden en todos los idiomas, con los textos traducidos.
Direcciones relativas
Para páginas de tu web, usa la ruta con el prefijo del idioma (/es/…) en lugar de la dirección completa.
- La bandera junto a Menú es la del idioma que quieres cambiar.
- Todas las URL llevan el prefijo de ese idioma.
- Las subopciones están dentro de la opción correcta.
- El orden de la lista es el que quieres ver en la web.
- Los enlaces a otras webs se abren en una pestaña nueva.