Crear menú en WordPress: Tutorial para personalizar tu navegación

¿Qué es un menú en WordPress y por qué es tan importante?

Cuando hablamos de crear menú WordPress, nos referimos a una de las herramientas de navegación más esenciales de cualquier sitio web. El menú es esa barra o lista de enlaces que aparece normalmente en la parte superior de tu página y que permite a los visitantes moverse de una sección a otra sin esfuerzo. Sin un menú claro, tus usuarios se perderían, la tasa de rebote aumentaría y tu posicionamiento SEO se resentiría.

Un menú WordPress bien estructurado no solo mejora la experiencia del usuario, sino que también ayuda a los motores de búsqueda a entender la jerarquía de tu contenido. Piensa en él como el mapa de tu web: si el mapa es confuso, nadie encontrará lo que busca. Por eso, dedicar tiempo a personalizar menú WordPress es una inversión directa en la usabilidad y en el rendimiento de tu proyecto online.

La buena noticia es que WordPress, desde su versión más básica, incluye un sistema nativo para gestionar menús. No necesitas ser programador ni tener conocimientos técnicos avanzados. Con esta guía paso a paso, aprenderás desde cero a crear, configurar y optimizar tu navegación. Vamos a ello.

Requisitos previos antes de empezar

Antes de lanzarnos a crear menú WordPress, asegúrate de cumplir con estos tres requisitos mínimos:

Tener un sitio WordPress instalado y funcionando. Puede ser en un hosting compartido, un VPS o incluso en local con herramientas como XAMPP.
Haber iniciado sesión en el panel de administración (normalmente accedes a tudominio.com/wp-admin).
Tener al menos algunas páginas, entradas o categorías creadas. No es imprescindible, pero te facilitará la práctica.

Si tu hosting está gestionado con Syspanel, recuerda que el acceso a tu panel de control se realiza a través del puerto 2106 (por ejemplo, tudominio.com:2106). Allí podrás gestionar bases de datos, archivos y otros aspectos técnicos, aunque para crear menús no necesitarás salir del escritorio de WordPress.

[INFO] No confundas el panel de WordPress con el panel de hosting. El primero es donde gestionas contenido y apariencia; el segundo (Syspanel) es para tareas más técnicas como correos, dominios o certificados SSL.

Paso 1: Accede al editor de menús

WordPress tiene dos formas principales de acceder a la gestión de menús, dependiendo de la versión y del tema que uses. Vamos a ver ambas.

Opción A: Desde "Apariencia" (método clásico)

En el panel izquierdo de tu escritorio, pasa el ratón por encima de Apariencia.
Haz clic en Menús.
Se abrirá la pantalla de edición de menús.

Opción B: Desde el Personalizador (método moderno)

Ve a Apariencia y haz clic en Personalizar.
En el personalizador, busca la sección Menús o Navegación.
Haz clic en Crear un menú nuevo o selecciona uno existente.

Ambos métodos son válidos. El personalizador tiene la ventaja de que ves los cambios en tiempo real, pero el editor clásico es más completo para configuraciones avanzadas. En esta guía usaremos el método clásico por ser el más universal.

[TIP] Si tu tema no muestra la opción "Menús" en Apariencia, puede que sea un tema de bloque (basado en Gutenberg). En ese caso, usa el Personalizador o el editor de sitio completo (Apariencia > Editor).

Paso 2: Crea tu primer menú

Una vez dentro de la pantalla de menús, verás un formulario para crear uno nuevo. Sigue estos pasos:

En el campo Nombre del menú, escribe algo descriptivo, por ejemplo "Menú principal" o "Navegación superior".
Haz clic en el botón Crear menú.
WordPress te redirigirá automáticamente a la pantalla de edición de ese menú.

Ahora tienes un lienzo en blanco. A continuación, vamos a añadirle elementos.

Paso 3: Añade elementos al menú

En la columna izquierda de la pantalla de edición, encontrarás varias cajas con diferentes tipos de contenido que puedes añadir:

Páginas: las páginas estáticas de tu sitio (Inicio, Contacto, Acerca de, etc.).
Entradas: tus artículos o posts individuales.
Categorías: las taxonomías de tus entradas (Noticias, Tutoriales, etc.).
Enlaces personalizados: cualquier URL externa o interna que quieras incluir.

Para añadir un elemento:

Marca la casilla de verificación junto al elemento que quieras (puedes marcar varios).
Haz clic en Añadir al menú.
El elemento aparecerá en la columna de la derecha, en la zona de estructura del menú.

También puedes añadir enlaces personalizados de forma manual:

En la caja Enlaces personalizados, escribe la URL en el campo "URL" y el texto que quieras mostrar en "Texto del enlace".
Haz clic en Añadir al menú.

[WARNING] Asegúrate de que las URLs personalizadas estén bien escritas. Un error tipográfico puede llevar a un error 404 y dañar la experiencia del usuario.

Paso 4: Organiza y ordena los elementos

Una vez que tienes varios elementos en tu menú, es hora de darles forma. La estructura se gestiona en la columna derecha, donde cada elemento aparece como una fila.

Para reordenar elementos

Arrastra cada elemento hacia arriba o hacia abajo con el cursor (aparece un icono de seis puntos a la izquierda).
Suelta el elemento en la posición deseada.

Para crear submenús (desplegables)

Arrastra un elemento ligeramente hacia la derecha, debajo del elemento que quieras que sea su "padre".
Al soltarlo, verás que queda indentado, indicando que es un subelemento.
Puedes hacer varios niveles de anidamiento, aunque se recomienda no pasar de dos o tres para no complicar la navegación.

Para eliminar un elemento

Haz clic en la flecha hacia abajo que aparece a la derecha del elemento.
Se desplegará un panel con opciones.
Haz clic en Eliminar o Quitar.

[TIP] Un menú desordenado confunde al usuario. Limítate a 5-7 elementos principales y usa submenús solo si es estrictamente necesario.

Paso 5: Configura las opciones del menú

En la parte inferior de la columna de estructura, encontrarás la sección Configuración del menú. Aquí puedes ajustar:

Posición de visualización: marca las casillas de las zonas donde quieres que aparezca este menú (por ejemplo, "Menú principal", "Menú de pie de página", etc.). Estas posiciones dependen de tu tema.
Opciones de visualización: algunos temas permiten activar o desactivar "Mostrar elementos de páginas superiores" o "Mostrar descripciones". Las descripciones son útiles para menús más descriptivos, pero no todos los temas las soportan.

Marca la casilla correspondiente a la ubicación que quieras y guarda los cambios.

Paso 6: Guarda tu menú

Este paso parece obvio, pero es el más olvidado. En la esquina superior derecha de la pantalla de edición, haz clic en el botón azul Guardar menú.

Verás un mensaje de confirmación en verde: "Menú guardado". A partir de este momento, tu menú WordPress ya está activo en la posición que hayas elegido.

[WARNING] Si cambias de tema, es posible que las posiciones de menú cambien de nombre o desaparezcan. Revisa siempre la configuración de menús tras actualizar o cambiar tu tema.

Paso 7: Personaliza tu menú con CSS (opcional, pero potente)

Si quieres ir más allá y personalizar menú WordPress a nivel visual, puedes añadir código CSS personalizado. No te asustes, no necesitas ser experto. Ve a Apariencia > Personalizar > CSS adicional y pega reglas como:

/* Cambiar color de fondo del menú */
.main-navigation {
    background-color: #2c3e50;
}

/* Cambiar color de los enlaces */
.main-navigation a {
    color: #ffffff;
}

/* Añadir espaciado entre elementos */
.main-navigation li {
    margin: 0 15px;
}

Estos son solo ejemplos. Las clases exactas (main-navigation, menu-item, etc.) dependen del tema que uses. Puedes inspeccionar tu sitio con el botón derecho > "Inspeccionar" para encontrar las clases correctas.

[INFO] Si usas un tema de bloques, también puedes usar el editor de sitio completo para modificar la navegación visualmente sin tocar código.

Paso 8: Crea menús múltiples (si los necesitas)

No tienes por qué tener un solo menú. Muchos sitios usan un menú principal en la cabecera y otro diferente en el pie de página. Para crear otro:

Vuelve a Apariencia > Menús.
Haz clic en Crear un nuevo menú.
Nombra el nuevo menú (por ejemplo, "Menú pie de página").
Añade los elementos y configura la posición de visualización correspondiente.

Puedes tener tantos menús como necesites. WordPress los almacena todos y solo se muestran aquellos que asignas a una posición.

Preguntas frecuentes (FAQ) sobre menús en WordPress

¿Puedo añadir un icono o imagen a los elementos del menú?

Sí, pero no de forma nativa. Necesitas un plugin como "Menu Icons" o usar código personalizado. Algunos temas ya incluyen esta funcionalidad.

¿Cómo hago que el menú sea responsive (adaptable a móviles)?

La mayoría de los temas modernos ya son responsive y convierten el menú en un botón hamburguesa en pantallas pequeñas. Si tu tema no lo hace, considera cambiar a un tema más actualizado o usar un plugin de menú móvil.

¿Puedo mostrar el menú solo para usuarios registrados?

Sí, con plugins como "Menu User Roles" o mediante código condicional en PHP. Es una opción avanzada, pero existe.

¿Qué hago si mi menú no aparece?

Revisa que hayas guardado el menú, que hayas marcado la posición de visualización correcta y que tu tema realmente soporte esa posición. También prueba a limpiar la caché del navegador o de tu plugin de caché.

¿Los menús afectan al SEO?

Sí, indirectamente. Una buena estructura de navegación ayuda a los buscadores a rastrear tu sitio y a distribuir la autoridad de página. Además, un menú claro reduce la tasa de rebote, lo que se considera una señal positiva.

¿Puedo añadir un enlace a una sección concreta de una página (ancla)?

Sí. En el campo "URL" del enlace personalizado, escribe la URL de la página seguida de #nombre-ancla. Por ejemplo: https://tudominio.com/contacto#formulario. Asegúrate de que la página tenga un elemento con id="formulario".

Consejos finales y buenas prácticas

Para terminar, aquí tienes una checklist rápida que te ayudará a crear menú WordPress de forma profesional:

Usa nombres cortos y descriptivos. "Inicio", "Servicios", "Blog" y "Contacto" funcionan bien.
Prioriza la jerarquía. Los elementos más importantes van primero.
No sobrecargues. Si tienes más de 7 elementos principales, considera agruparlos en submenús.
Revisa que todos los enlaces funcionen. Un enlace roto da mala imagen.
Actualiza el menú cuando añadas contenido nuevo importante.
Si tu sitio crece, considera usar menús diferentes para secciones distintas (por ejemplo, tienda y blog).

[TIP] Si tu sitio está en un hosting con Syspanel (puerto 2106), recuerda hacer copias de seguridad periódicas antes de realizar cambios importantes en el diseño o la estructura de navegación.

Conclusión

Crear un menú WordPress es mucho más sencillo de lo que parece. Con los pasos que hemos visto, ya tienes las bases para construir una navegación clara, funcional y atractiva. Recuerda que el menú es la columna vertebral de la experiencia del usuario, así que tómate tu tiempo para planificarlo bien.

Ahora que sabes cómo crear menú WordPress, te animo a que practiques. Entra en tu panel, crea un menú de prueba, juega con los submenús y experimenta con las posiciones. La mejor forma de aprender es haciendo. Y si te surge cualquier duda, aquí estoy para ayudarte.

¡Buena suerte con tu wordpress navegación y no dudes en volver si necesitas más consejos!