Cómo personalizar el menú de navegación

El menú de navegación ayuda a que los visitantes se muevan por el sitio y encuentren páginas, entradas o enlaces importantes. En WordPress, los menús pueden incluir páginas, entradas, categorías y enlaces personalizados. En temas de bloques, normalmente se editan con el Navigation block; en temas más clásicos, se gestionan desde la zona de Menús.

Recursos oficiales

Requisitos previos

Antes de personalizar el menú, conviene tener:

  • Algunas páginas ya creadas y publicadas.
  • Claridad sobre qué secciones principales tendrá el sitio.
  • Acceso al panel de administración.
  • Y una idea simple de la estructura de navegación que quieres mostrar.

Parte A: personalizar el menú en temas de bloques

Paso 1. Ir a Apariencia → Editor

Si tu tema usa bloques, normalmente verás la opción:

Apariencia → Editor

Eso indica que la navegación del sitio se edita desde el Site Editor, no desde el sistema clásico de menús. WordPress.com explica que, en estos casos, el menú se trabaja desde plantillas o partes de plantilla que incluyen el bloque de navegación.

Paso 2. Abrir la plantilla

Dentro del editor, abre la plantilla donde aparece el encabezado del sitio, o directamente la parte donde está el menú.

Normalmente la navegación está dentro de:

  • Header
  • Cabecera
  • O una plantilla principal como Home o Front Page.

Paso 3. Seleccionar el bloque Navigation

Una vez dentro del encabezado, selecciona el bloque llamado:

Navigation

También puedes usar la vista de lista para encontrarlo más fácil si está dentro de otros bloques como Header, Group o Row. WordPress.org describe este bloque como la herramienta para editar la estructura y el diseño de la navegación del sitio.

Paso 4. Añadir enlaces al menú

Cuando selecciones el bloque Navigation, usa el botón + para añadir enlaces.

Puedes agregar:

  • Páginas
  • Enlaces personalizados
  • Submenús
  • Otros elementos compatibles del menú.

WordPress.com explica que desde ese bloque puedes insertar páginas existentes o enlaces manuales según la estructura que necesites.

Paso 5. Reordenar o anidar elementos

Después de agregar los elementos, puedes cambiar el orden y crear jerarquías.

Por ejemplo:

  • Inicio
  • Sobre el proyecto
  • Blog
  • Contacto

Y si quieres un submenú, puedes colocar un elemento debajo de otro para crear un desplegable. WordPress.com tiene una guía específica para menús desplegables.

Paso 6. Guardar los cambios

Cuando el menú ya esté listo, haz clic en:

Guardar

Después revisa el sitio para comprobar que:

  • Los enlaces funcionan
  • El orden se ve bien
  • Y la navegación es clara tanto en escritorio como en móvil.

Parte B: personalizar el menú en temas clásicos

Paso 1. Ir a Apariencia → Menús

Si tu tema es clásico, normalmente la ruta será:

Apariencia → Menús

Ahí puedes crear y editar menús personalizados. La guía de WordPress.com sobre menús explica que esta es la zona tradicional para administrar la navegación del sitio cuando el tema usa el sistema clásico.

Paso 2. Crear un nuevo menú

Haz clic en la opción para crear un menú nuevo y escribe un nombre interno.

Ejemplo:

  • Menú principal
  • Menú superior
  • Navegación principal

Ese nombre sirve para identificarlo dentro del panel, aunque normalmente no se muestra al visitante.

Paso 3. Elegir la ubicación del menú

Después debes indicar dónde se mostrará ese menú. Dependiendo del tema, las ubicaciones pueden ser:

  • Principal
  • Secundaria
  • Pie de página
  • Cabecera

La ubicación visible depende del tema activo, por eso conviene revisar cuál espacio está disponible antes de guardar.

Paso 4. Añadir elementos al menú

Dentro del editor de menús, puedes añadir:

  • Páginas
  • Entradas
  • Categorías
  • Enlaces personalizados

WordPress coincide en que el menú puede construirse usando varios tipos de contenido, no solo páginas.

Paso 5. Reordenar los elementos

Arrastra los elementos para cambiar su posición.

Por ejemplo, puedes ordenar así:

  1. Inicio
  2. Sobre el proyecto
  3. Publicaciones
  4. Contacto

Si colocas un elemento ligeramente hacia la derecha y debajo de otro, se convierte en submenú o desplegable.

Paso 6. Guardar el menú y probarlo

Cuando ya esté listo, haz clic en:

Guardar menú

Después entra al sitio y revisa si:

  • Se muestra en la ubicación correcta
  • Los enlaces funcionan
  • Y el orden tiene sentido para una persona que entra por primera vez

Recomendaciones

  • Usa pocas opciones principales en el menú.
  • Ordena primero lo más importante.
  • Evita nombres muy largos.
  • No pongas demasiados submenús si el sitio es básico.
  • Comprueba cómo se ve en móvil.
  • Si tu proyecto es académico, mantén una navegación limpia y fácil de entender.

Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *