Utilizar el Bloque Navegación

El bloque de navegación muestra el menú de tu sitio para ayudar a los visitantes a navegar entre páginas. En esta guía aprenderás a añadir y personalizar el bloque de navegación.

El bloque Navegación normalmente se añade a las plantillas de tu sitio, más comúnmente en la cabecera o el pie de página.

Para añadir un bloque Navegación, sigue estos pasos:

1. Dirígete al escritorio de tu sitio.
2. Ve a Apariencia → Editor.
3. Haz clic en la vista previa de la página de inicio, a la derecha, para editar tu página de inicio, o elige la plantilla o la parte de la plantilla donde quieres que aparezca el menú de navegación (como la cabecera).
4. Haz clic en el + insertador de bloques y busca «navegación».
5. Haz clic en el bloque Navegación para añadir el bloque a tu sitio.

Encontrarás instrucciones detalladas sobre cómo añadir bloques en esta página.

La primera vez que añades un bloque Navegación, muestra el menú de tu sitio. Si aún no has creado un menú personalizado, incluirá automáticamente un bloque Lista de páginas que mostrará todas las páginas publicadas y se actualizará automáticamente cuando se publiquen nuevas páginas.

Para personalizar qué páginas aparecen, añadir enlaces personalizados o cambiar el orden de los elementos del menú, primero te pedirá que conviertas el bloque Lista de páginas en enlaces individuales.

Sigue estos pasos para convertir el bloque Lista de páginas:

1. Usa la vista de lista para navegar al bloque Lista de páginas dentro de tu bloque Navegación.

2. Haz clic en el botón Editar de la barra de herramientas del bloque:

3. Aparecerá una advertencia que indicará que la lista de páginas ya no se actualizará automáticamente. Haz clic en Editar para confirmar la acción.

Ahora podrás añadir nuevos enlaces y páginas, eliminar elementos del menú y reordenar los enlaces de tu menú.

Para modificar enlaces específicos dentro de tu bloque Navegación, sigue estos pasos:

1. Usa la vista de lista para navegar al enlace individual que quieras personalizar dentro del bloque Navegación.
2. En la barra lateral de ajustes del bloque, puedes modificar:
   • Texto: cambia la etiqueta de texto que aparece en el menú de navegación.
   • Enlace: actualiza la página o URL de destino.
   • Abrir en una nueva pestaña: marca la casilla para establecer que el enlace se abra en una nueva pestaña.
   • Descripción: añade el texto que aparecerá si tu tema admite descripciones de enlaces.
   • Atributo Rel: establece relaciones como «nofollow» para fines de SEO.
   • Estilos: haz clic en la pestaña de estilos para cambiar el tamaño de fuente y otros ajustes de tipografía.

3. En la barra de herramientas del bloque puedes hacer lo siguiente:
   • Cambiar el enlace: haz clic en el icono del enlace para modificar la URL o configurarla para que se abra en una nueva pestaña.
   • Añadir formato: usa negrita, cursiva u otras opciones de formato de texto.
   • Añadir submenú: haz clic en el icono del submenú para crear un menú desplegable.
   • Mover el enlace: usa las flechas izquierda/derecha para cambiar la posición del enlace dentro del menú.

Para obtener más información sobre la gestión de los elementos del menú, consulta Editar elementos del menú.

Si has creado más de un menú, puedes elegir otro menú para el bloque Navegación.

Sigue estos pasos para elegir un menú diferente:

1. Utiliza la vista de lista para elegir el bloque Navegación.
2. En la barra lateral de ajustes del bloque, haz clic en (⋮) junto al Menú.

3. Elige una de las siguientes opciones:
   • Menús: elige entre los menús existentes que ya has creado.
   • Importar menús clásicos: convierte un menú clásico de WordPress para usarlo con el editor de bloques. Solo verás esta opción si tienes menús clásicos de WordPress para convertir.
   • Crear nuevo menú: empieza de cero con un menú completamente nuevo.

Para una gestión detallada de los menús, consulta nuestras guías sobre cómo añadir enlaces, crear menús desplegables y reordenar elementos.

Para personalizar cómo se muestra tu bloque Navegación a los visitantes, sigue estos pasos:

1. Utiliza la vista de lista para elegir el bloque Navegación.
2. En la barra lateral de ajustes del bloque, haz clic en el icono de ajustes.

3. Establecer los ajustes de diseño:
   • Justificación: elige entre justificar a la izquierda, al centro, a la derecha o espaciar uniformemente los elementos del menú.
   • Orientación: elige el diseño horizontal (por defecto) o vertical del menú.
   • Permitir que se ajuste a varias líneas: desactiva esta opción para mantener la navegación en una sola línea.
4. Configurar ajustes de visualización:
   • Mostrar botón de icono: activa o desactiva el icono de hamburguesa para mostrar el texto «Menú».
   • Icono: elige entre dos o tres líneas horizontales para el icono de hamburguesa.
   • Menú superpuesto: elige Desactivado, Móvil (por defecto) o Siempre para controlar cuándo se contrae el menú en una superposición. Diseña una plantilla de superposición para personalizar la apariencia de la superposición del menú móvil.
5. Si tienes submenús, ajusta el comportamiento de Submenú:
   • Abrir al hacer clic: activa esta opción para abrir los submenús con un clic o desactívala para abrirlos al mantener el cursor encima.
   • Mostrar flecha: activa esta opción para mostrar flechas que indican la presencia de un submenú.

Para obtener más opciones de personalización de menús, consulta Personalizar el diseño del menú.

Para personalizar la apariencia visual de tu bloque Navegación, sigue estos pasos:

1. Utiliza la vista de lista para elegir el bloque Navegación.
2. En la barra lateral de ajustes del bloque, haz clic en el icono Estilos.

3. Personaliza la apariencia utilizando lo siguiente:
   • Ajustes de color: cambia los colores del texto, del fondo y de los enlaces.
   • Ajustes de tipografía: ajusta la familia de fuentes, el tamaño y el peso.
   • Ajustes de dimensiones: controla el relleno, los márgenes y el espaciado.

Para obtener más opciones de estilo de menú, consulta Personalizar el diseño del menú.