Sí. El widget Barra de navegación crea menús desplegables a partir de tus directorios. Un directorio es una página que contiene otras páginas, como una carpeta. Se convierte en un elemento de tu menú, y las páginas que contiene aparecen en un desplegable debajo de él.
EverWeb 4.6 y posteriores incluyen una nueva Barra de navegación con muchas más opciones. Puede mostrar dos niveles de desplegables (un desplegable, más un segundo que se abre desde un elemento dentro del primero), de modo que tu menú puede tener tres niveles en total. Sus elementos de menú y de desplegable toman su aspecto de los Estilos de botón, y en los teléfonos se convierte en un botón de menú a partir del ancho que elijas o cuando los elementos ya no caben. EverWeb 4.5 y anteriores muestran un solo nivel de desplegable.
Si todavía no tienes un menú, añade uno primero: consulta ¿Cómo añado un menú de navegación a todas las páginas de mi sitio web?
Crear un menú desplegable
- Haz clic en Añadir directorio en la barra de herramientas, elige un estilo de página y haz clic en Elegir. El nuevo directorio tiene un icono de carpeta en tu lista de páginas.
- Dale el texto que quieres que aparezca en el menú: selecciónalo, ve a Inspector > Ajustes de la página y escríbelo en Nombre visible del menú de navegación.
- Pon páginas dentro de él. Arrastra una página un poco por debajo y a la derecha del directorio, y suéltala cuando veas la línea guía. Para crear una página nueva dentro de él, selecciona el directorio y haz clic en Añadir página.
- EverWeb 4.6 y posteriores, para un segundo nivel de desplegable: pon un directorio dentro del primer directorio, del mismo modo, y pon páginas dentro de ese. Sus páginas se abren en un segundo desplegable junto al primero. Un tercer nivel de directorio dentro de ese no aparece en el menú.
- Haz clic en Vista previa y pasa el ratón por encima del elemento del menú. Se abre el desplegable.
- Publica con Archivo > Publicar sitio completo. El menú está en todas las páginas, así que hay que volver a publicar todas las páginas.
¿Quieres convertir una página existente en un directorio? Haz clic con el botón derecho sobre ella en la lista de páginas y elige Convertir en directorio.
Los directorios van en tu lista de páginas normal. No puedes crear uno en la lista de páginas maestras.
EverWeb 4.6 y posteriores: el aspecto de los desplegables
Selecciona la Barra de navegación y ve a Inspector > Ajustes del widget.
- Elementos del menú > Estilo de elemento del menú elige el estilo de botón de los elementos superiores del menú.
- Menús desplegables > Estilo de elemento desplegable elige el estilo de botón de los elementos de dentro de los desplegables, para que puedan tener un aspecto distinto al de la fila superior.
- Indicador de submenú es el pequeño símbolo junto a los elementos que abren un desplegable: Comilla angular, Triángulo, Más o Ninguno. Tamaño del indicador ajusta su tamaño, y sigue el color del texto del elemento, a menos que desmarques Usar color del texto del elemento y elijas un Color personalizado.
Para crear o cambiar un estilo de botón, elige Editar estilos de botón... al final de cualquiera de los dos menús de estilo, o usa Formato > Estilos del sitio web... y haz clic en Estilos de botón. Todos los menús y botones que usan el estilo se actualizan cuando lo guardas. Consulta Diseña botones que inviten a hacer clic: colores, esquinas redondeadas, sombras y efectos al pasar el cursor.
Un menú añadido antes de EverWeb 4.6 conserva sus ajustes antiguos, incluso cuando abres el proyecto en la 4.6. Para tener las nuevas opciones, elimina la Barra de navegación antigua de tu página maestra, arrastra una nueva y vuelve a darle estilo.
Qué ocurre cuando alguien hace clic en el elemento del menú
Un directorio también es una página, así que al hacer clic en su elemento del menú se abre. Para llevar a los visitantes a la primera página que contiene, selecciona el directorio, ve a Inspector > Ajustes de la página y marca Redirigir a la primera subpágina. Esto también ayuda en teléfonos y tabletas, en los que no se puede pasar el puntero por encima de un menú. El directorio debe contener al menos una página.
En los teléfonos
EverWeb 4.6 y posteriores: en Diseño, Si falta espacio decide qué hace el menú en pantallas estrechas:
- Ajuste: los elementos pasan a ocupar más filas.
- Hamburger when needed (Hamburguesa cuando haga falta): el menú se convierte en un botón de menú en cuanto los elementos ya no caben.
- Hamburger at breakpoint (Hamburguesa en el breakpoint): el menú se convierte en un botón de menú por debajo del ancho que escribas en Ancho de breakpoint (px).
En el menú abierto en el teléfono, tus desplegables aparecen como filas anidadas bajo su directorio. Menú hamburguesa móvil da estilo al botón (su estilo de botón, su etiqueta y su icono), Aspecto del menú hamburguesa ajusta si el menú cubre la página o la desplaza hacia abajo, su fondo y la alineación del texto, y Animación y comportamiento móvil ajusta el efecto de apertura y si el menú se cierra después de que un visitante elija una página. Para ver todas las opciones, consulta ¿Cómo añado un menú de navegación a todas las páginas de mi sitio web?
EverWeb 4.5: activa Barra de navegación responsiva en los Ajustes del widget del menú, para que se convierta en un botón de menú en pantallas pequeñas.
Si tu desplegable no funciona
| Lo que ves | Qué hacer |
|---|---|
| Se abre detrás de fotos o de texto | En tu página maestra, selecciona la Barra de navegación, ve a Inspector > Métricas y marca Siempre en primer plano. Si el menú está dentro de un Contenedor, marca también Siempre en primer plano en él. Para seleccionarlo, haz clic con el botón derecho y usa Elegir capa. |
| Desaparece cuando bajas el ratón hacia él | Normalmente por la misma causa: algo de la página está delante del menú. Usa Siempre en primer plano como se indica arriba. |
| Falta una página en el desplegable | Selecciona la página, ve a Inspector > Ajustes de la página y comprueba que esté marcado Incluir la página en el menú de navegación. En la 4.6, comprueba también que no esté marcado Ocultar las páginas de mi sitio en los Elementos del menú del menú. |
| No se muestra un segundo nivel de desplegable | Los menús de EverWeb 4.5 muestran un solo nivel de desplegable. En la 4.6, usa una Barra de navegación nueva (consulta más arriba) y limítate a dos niveles de directorios. |
| Los colores del desplegable | En la 4.6, cambia el estilo de botón elegido en Estilo de elemento desplegable. En la 4.5, cámbialos en los Ajustes del widget del menú. |
| Sigue sin funcionar bien | Envíanos tu archivo de proyecto y el nombre de la página |
Artículos relacionados
- ¿Cómo añado un menú de navegación a todas las páginas de mi sitio web?
- Diseña botones que inviten a hacer clic: colores, esquinas redondeadas, sombras y efectos al pasar el cursor
- Pon el mismo encabezado, menú y pie de página en todas las páginas con una página maestra
- Cómo poner un enlace a otro sitio web en el menú de navegación de EverWeb
- ¿Qué diferencia hay entre Publicar y Publicar sitio completo?