Crear menú en WordPress: Guía con ejemplos

¿Por qué es importante el menú de navegación en WordPress?

El menú de navegación es la brújula de tu sitio web. Es la herramienta que guía a tus visitantes a través de las páginas, artículos y secciones más importantes de tu proyecto. Un buen menú no solo mejora la experiencia del usuario, sino que también es un factor clave para el SEO, ya que ayuda a los motores de búsqueda a entender la estructura y jerarquía de tu contenido.

Si estás empezando con WordPress, puede parecer un desafío, pero la realidad es que crear un menú en WordPress es un proceso sencillo e intuitivo. En esta guía, te explicaré paso a paso cómo hacerlo, desde lo más básico hasta opciones de personalización avanzada, para que tu sitio luzca profesional y sea fácil de navegar.

Primeros pasos: Accede al panel de administración

Antes de empezar a crear menú wordpress, necesitas acceder al panel de administración de tu sitio. Para ello, simplemente añade /wp-admin al final de la URL de tu dominio (por ejemplo, tudominio.com/wp-admin). Introduce tu usuario y contraseña y ya estarás dentro.

Una vez dentro, verás un menú lateral con diferentes opciones. Dependiendo del tema que uses, la opción puede variar ligeramente, pero normalmente la encontrarás en Apariencia > Menús. Si tu tema utiliza el editor de bloques (Gutenberg), es posible que la opción sea Apariencia > Editor y luego debas seleccionar "Navegación". Para esta guía, nos centraremos en la opción clásica de Apariencia > Menús, que sigue siendo la más común y compatible.

Cómo crear tu primer menú de navegación WordPress

Vamos a lo importante. Sigue estos pasos y tendrás tu menú funcionando en menos de cinco minutos.

Paso 1: Crear una nueva estructura de menú

En la pantalla de Apariendo > Menús, verás una pestaña que dice "Editar menús" y otra que dice "Administrar ubicaciones". En la primera, encontrarás un enlace que dice "crear un nuevo menú". Haz clic en él.

Te pedirá que pongas un nombre a tu menú. Este nombre es interno, solo lo verás tú, así que puedes llamarlo "Menú principal", "Header" o "Navegación superior". Después, haz clic en "Crear menú".

Paso 2: Añadir elementos al menú

A la izquierda de la pantalla, verás varias cajas con diferentes tipos de contenido que puedes añadir:

Páginas: Para añadir páginas estáticas como "Inicio", "Acerca de" o "Contacto".
Entradas: Para añadir artículos o posts individuales.
Categorías: Para añadir secciones de tu blog (ej. "Noticias", "Tutoriales").
Etiquetas: Para añadir etiquetas específicas.
Enlaces personalizados: Para añadir cualquier URL externa o interna que quieras (ej. tu perfil de Instagram o un formulario de reservas).

Selecciona los elementos que quieras y haz clic en el botón "Añadir al menú". Verás que aparecen en la columna de la derecha, en la zona de estructura del menú.

Paso 3: Ordenar y jerarquizar los elementos

Una vez que tienes los elementos añadidos, es hora de ordenarlos. En la columna de la derecha, puedes arrastrar y soltar los elementos para cambiar su orden.

Para crear un submenú o menú desplegable, arrastra un elemento ligeramente hacia la derecha y debajo de otro elemento principal. Verás que se sangra, indicando que es un sub-elemento. Por ejemplo, si tienes "Servicios" como elemento principal, puedes añadir "Diseño Web", "SEO" y "Hosting" como sub-elementos.

Paso 4: Guardar y asignar la ubicación

Este es uno de los pasos más críticos y donde la gente suele fallar. En la parte inferior de la pantalla, o en una pestaña llamada "Administrar ubicaciones", debes asignar tu menú recién creado a una ubicación de tu tema. Los temas tienen zonas predefinidas como "Menú principal", "Menú secundario" o "Menú de pie de página".

Marca la casilla de la ubicación donde quieres que aparezca tu menú (normalmente "Menú principal" o "Primario") y haz clic en "Guardar menú".

¡Felicidades! Ya has aprendido a crear menú wordpress. Ve a tu sitio web y verás tu nuevo menú en acción.

Personalizar menú WordPress: Opciones avanzadas

Ahora que ya tienes un menú básico, vamos a exprimir al máximo las opciones de personalización que ofrece WordPress.

Añadir clases CSS para estilos personalizados

Si quieres darle un toque único a tu menú, puedes añadir clases CSS. Cada elemento del menú tiene una opción desplegable (pestaña "Opciones de pantalla" en la parte superior derecha si no la ves). Despliega el elemento y verás un campo llamado "Clases CSS". Puedes añadir una clase personalizada y luego usar CSS en tu tema para darle un estilo específico, como un botón de color diferente para "Contacto".

Usar enlaces personalizados para acciones especiales

La opción de Enlaces personalizados es muy potente. No solo sirve para enlazar a sitios externos. Puedes usarla para:

Enlazar a un número de teléfono con tel:+123456789.
Enlazar a una dirección de correo con mailto:info@tudominio.com.
Enlazar a una sección específica de una página usando un ancla (ej. #servicios).

Simplemente escribe la URL en el campo "URL" y el texto que quieres que se muestre en "Texto del enlace".

Crear menús desplegables (submenús) efectivos

Los submenús son geniales para organizar mucho contenido. La clave está en la jerarquía. Como mencionamos antes, arrastra los elementos hijos ligeramente hacia la derecha. Puedes crear tantos niveles como tu tema soporte, aunque lo recomendable es no pasar de 2 o 3 niveles para no confundir al usuario.

Un truco de usabilidad: en el texto del enlace, no uses la misma palabra para el padre y el hijo. Por ejemplo, si el padre es "Servicios", no crees un hijo llamado "Servicios". Mejor usa "Diseño Web", "Redacción" o "Marketing".

Configuración del menú en el personalizador de WordPress

Otra forma de personalizar menú wordpress es a través del Personalizador (Apariencia > Personalizar). Este método es más visual, ya que ves los cambios en tiempo real en una vista previa de tu sitio.

Navega hasta la sección "Menús" dentro del Personalizador. Aquí puedes:

Seleccionar el menú que quieres editar (si tienes varios).
Añadir o quitar elementos.
Reordenarlos arrastrando.
Crear un nuevo menú desde cero.

La gran ventaja es que puedes ver cómo queda todo antes de publicarlo. Cuando termines, haz clic en "Publicar".

Menú de navegación WordPress y SEO: Buenas prácticas

Un menú bien estructurado no es solo estética, es una señal de calidad para Google. Aquí tienes algunas buenas prácticas SEO para tu menú:

Usa texto de anclaje descriptivo

En lugar de "Haz clic aquí", usa textos que describan el contenido de la página, como "Servicios de Hosting" o "Guía de SEO para Principiantes". Esto ayuda a los motores de búsqueda a entender de qué trata la página enlazada.

Limita el número de elementos

No abrumes a tus visitantes con 20 enlaces en el menú principal. Lo ideal es tener entre 5 y 7 elementos principales. El resto de contenido puede ir en submenús o en el pie de página. Un menú limpio mejora la experiencia de usuario y reparte mejor la autoridad de página.

Asegúrate de que sea responsive

La mayoría de los temas modernos ya son responsive, pero verifica que tu menú se vea bien y sea usable en móviles. Muchos temas convierten el menú en un icono de hamburguesa en pantallas pequeñas, lo cual es perfecto.

Enlaza a tus páginas más importantes

Tu menú principal debe incluir enlaces a las páginas que más te interesa posicionar o que son más relevantes para tu negocio. Esto les da más relevancia a los ojos de Google.

Solución de problemas comunes

A veces, las cosas no salen a la primera. Aquí tienes algunos problemas frecuentes y sus soluciones.

Mi menú no aparece en el sitio

Esto es casi siempre porque no has asignado el menú a una ubicación. Revisa el paso 4 de la creación. Ve a Apariencia > Menús y en la pestaña "Administrar ubicaciones" asegúrate de que tu menú está seleccionado en la ubicación correcta.

No veo la opción de "Apariencia > Menús"

Esto puede pasar si tu tema usa el editor de bloques. Busca la opción en el Personalizador o en Apariencia > Editor. Si aún así no lo encuentras, puede que tu tema use un sistema de menús diferente. Consulta la documentación de tu tema.

Los cambios no se guardan

Asegúrate de hacer clic en el botón "Guardar menú" después de cada cambio. Si usas el Personalizador, recuerda pulsar "Publicar".

Quiero que un enlace se abra en una pestaña nueva

Despliega el elemento del menú y verás una casilla que dice "Abrir enlace en una pestaña nueva". Márcala y guarda los cambios.

Preguntas frecuentes (FAQ)

¿Puedo tener más de un menú en mi sitio web?

Sí, totalmente. Puedes crear un menú para el encabezado, otro para el pie de página e incluso uno para una barra lateral. Simplemente crea un nuevo menú en Apariencia > Menús y asígnalo a la ubicación deseada.

¿Cómo puedo añadir un botón de "Inicio" que vaya a la portada?

En la sección de "Páginas", busca la página de "Inicio" o "Portada". Si no aparece, usa un Enlace personalizado. En el campo URL escribe / (la barra diagonal) y en texto del enlace escribe "Inicio". Esto siempre te llevará a la raíz de tu sitio.

¿Qué hago si mi menú se ve desordenado en el móvil?

Lo primero es revisar que tu tema es responsive. Si lo es, el menú debería colapsarse automáticamente. Si no, puedes usar plugins para crear menús móviles más avanzados. Te recomiendo buscar en el repositorio de plugins "responsive menu". Asegúrate de que el plugin que elijas esté bien actualizado y tenga buenas valoraciones.

¿Puedo cambiar el orden de los submenús?

Sí, de la misma manera que arrastras los elementos principales, puedes arrastrar los elementos hijos para cambiar su orden dentro del submenú.

¿Cómo actualizo el menú si cambio el nombre de una página?

Si cambias el nombre de una página en WordPress, el menú se actualizará automáticamente. Si usas un enlace personalizado, tendrás que actualizarlo manualmente.

Conclusión: Dominando el menú de navegación WordPress

Como has visto, crear menú wordpress es una tarea sencilla pero con muchas posibilidades. Un menú bien pensado mejora la usabilidad de tu web, ayuda a tus visitantes a encontrar lo que buscan y contribuye a una mejor estrategia de SEO.

Te animo a que experimentes. Crea diferentes menús, juega con los submenús y los enlaces personalizados. La práctica es la mejor forma de aprender. Y recuerda, si en algún momento te sientes perdido, la documentación de WordPress y la de tu tema son tus mejores aliados.

[TIP]: Si estás usando un hosting gestionado como Syspanel, que es el panel de control que te ofrecemos y al que accedes a través del puerto 2106, el proceso de creación del menú es exactamente el mismo, ya que WordPress se instala de forma nativa. La ventaja es que con un buen hosting, la velocidad de carga de tu sitio será óptima, lo que también beneficia a tu posicionamiento web.

[INFO]: No olvides que la estructura de tu menú debe reflejar la jerarquía de tu contenido. Piensa en ello como el índice de un libro. Un buen índice hace que el libro sea más legible y agradable. Lo mismo ocurre con tu web.

[WARNING]: Evita a toda costa los menús con demasiados niveles o con nombres confusos. Si un usuario no encuentra lo que busca en menos de 3 clics, es muy probable que abandone tu sitio. La simplicidad es la clave del éxito.

Ahora ya tienes todos los conocimientos necesarios. Es hora de ponerlos en práctica y crear un menú de navegación que haga brillar tu sitio web. ¡Manos a la obra!