Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.
La superposición de navegación es el menú a pantalla completa que aparece cuando un visitante toca el icono de hamburguesa en un dispositivo móvil. En los temas de bloques, puedes personalizar el diseño y el contenido de la superposición.
Cuando el menú de tu sitio se colapsa en un icono de hamburguesa en pantallas más pequeñas, al tocar ese icono se abre la superposición de navegación. De forma predeterminada, la superposición muestra los mismos enlaces de menú que la versión de escritorio con un estilo mínimo:
Con una superposición personalizada, controlas el diseño completo de la superposición. Puedes cambiar su color de fondo, tipografía y disposición. Puedes añadir bloques como iconos sociales, imágenes o llamadas a la acción. Incluso puedes mostrar un menú diferente en la superposición que en la versión de escritorio.
Las superposiciones personalizadas se guardan como partes de plantilla: componentes reutilizables que puedes gestionar junto con tus otras plantillas y patrones. Tu tema también puede incluir diseños de superposición predefinidos adaptados a su estilo.
Puedes crear una superposición personalizada desde los ajustes del bloque de navegación. Para crear una superposición personalizada, sigue estos pasos:
- Desde el escritorio de tu sitio, ve a Apariencia → Editor.
- Selecciona Patrones y elige la plantilla o parte de plantilla que contiene tu menú, como la cabecera.
- Abre la Vista de lista y selecciona el bloque de navegación.
- En la barra lateral de ajustes del bloque, localiza la sección Superposición.
- En «Plantilla de superposición», haz clic en el botón «Crear superposición»:
La superposición se abre en el editor de partes de plantilla, un lienzo en blanco donde puedes añadir cualquier bloque que desees.
El editor de superposición funciona como cualquier otra parte de plantilla. Añade bloques, organízalos y dales estilo para crear la experiencia de menú móvil que desees. Las siguientes secciones de esta guía te explicarán cómo personalizar la superposición de navegación.
En lugar de crear una superposición desde cero, puedes comenzar con un diseño de superposición prediseñado proporcionado por WordPress o tu tema.
Después de crear la superposición, sigue estos pasos para aplicar un diseño prediseñado:
- Abre la barra lateral de ajustes.
- Localiza la sección Diseño.
- Explora los patrones de superposición disponibles.
- Selecciona un patrón para aplicarlo a tu superposición.
- Personaliza el contenido y el estilo del patrón según sea necesario.
- Haz clic en Guardar.
Los patrones disponibles dependen de tu tema. Algunos temas incluyen diseños de superposición que coinciden con el estilo del tema.
Los visitantes necesitan una forma de cerrar la superposición y volver a la página. El bloque Cerrar superposición de navegación añade un botón de cerrar a tu superposición. Esto se incluye en la mayoría de los diseños, pero puedes añadir manualmente un botón de cerrar con estos pasos:
- En el editor de superposición, haz clic en el + insertador de bloques.
- Busca «close» y selecciona el bloque Navigation Overlay Close.
- En los ajustes del bloque, elige un modo de visualización:
- Icono: Muestra un botón X.
- Texto: Muestra la palabra «Cerrar». Haz clic en el texto en el editor para cambiarlo a una etiqueta personalizada.
- Ambos: Muestra un botón X junto a la etiqueta de texto.
- Dale estilo al botón de cerrar usando los ajustes del bloque para color, tipografía y dimensiones.
- Posiciona el botón de cerrar según sea necesario. Por ejemplo, puedes envolverlo en un bloque de fila y establecer la justificación a Derecha.
- Haz clic en Guardar.
Puedes mostrar un conjunto diferente de enlaces de menú en la superposición que en el escritorio; por ejemplo, un menú móvil simplificado o uno que incluya enlaces adicionales. Para usar un menú diferente, sigue estos pasos:
- En el editor de superposición, selecciona el bloque de navegación dentro de tu superposición.
- En la barra lateral de ajustes del bloque, haz clic en (⋮) junto a Menú.
- Selecciona la opción «Crear nuevo menú».
- Añade las páginas y enlaces que deseas que aparezcan en la superposición móvil.
- Haz clic en Guardar.
Los visitantes en pantallas más grandes ven tu menú de escritorio. Los visitantes en pantallas más pequeñas ven el menú de superposición que configuraste aquí.
Para modificar una superposición que ya hayas creado, sigue estos pasos:
- Desde el escritorio de tu sitio, ve a Apariencia → Editor.
- Selecciona Patrones y elige la plantilla o parte de plantilla que contiene tu menú, como la cabecera.
- Abre la Vista de lista y selecciona el bloque de navegación.
- En la barra lateral de ajustes del bloque, busca la sección Superposición.
- Selecciona la superposición que deseas editar en el menú desplegable.
- Haz clic en Editar para abrir la superposición en el editor de partes de plantilla:
También puedes editar superposiciones desde la pantalla de Patrones. Ve a Apariencia → Editor, abre la sección Patrones y selecciona Partes de plantilla. Tus superposiciones aparecen en el área de Superposición.
