Cómo Crear un Menú en WordPress Fácilmente [2024] | Guía Paso a Paso

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

Cuando hablamos de navegación wordpress, nos referimos a la columna vertebral de tu sitio web. El menú es esa barra de enlaces que los visitantes ven en la parte superior, lateral o incluso en el pie de página, y que les permite moverse por tu web de forma intuitiva. Sin un menú claro y bien organizado, tus usuarios se perderían, aumentarían las tasas de rebote y perderías visitas y ventas.

Piensa en tu menú como el índice de un libro. Si el índice está desordenado o incompleto, no encontrarás el capítulo que buscas y probablemente cierres el libro. Lo mismo ocurre en tu web. Por eso, aprender a crear menú wordpress es una de las primeras habilidades que debes dominar como principiante.

La buena noticia es que WordPress, el gestor de contenidos más popular del mundo, facilita enormemente esta tarea. No necesitas saber programar ni tener conocimientos técnicos avanzados. Con esta guía paso a paso, serás capaz de crear, personalizar y añadir menús a tu sitio en cuestión de minutos.

Antes de empezar: localiza el panel de administración

Para añadir menú wordpress, primero debes acceder a tu escritorio de administración. Esto lo consigues añadiendo /wp-admin al final de tu dominio (por ejemplo, tudominio.com/wp-admin). Introduce tu usuario y contraseña.

Una vez dentro, verás un menú lateral izquierdo. Dependiendo del tema que uses (el diseño de tu web), la opción puede variar ligeramente, pero normalmente la encontrarás en Apariencia > Menús. Si tu tema es moderno y usa el "Editor de sitio completo" (bloques), es posible que la opción esté en Apariencia > Editor > Navegación. Para esta guía, nos centraremos en el método clásico, que es el más universal y compatible.

[INFO]: Si tu hosting utiliza el panel de control Syspanel (accesible a través del puerto 2106, por ejemplo tudominio.com:2106), no te preocupes. El proceso para entrar a WordPress es exactamente el mismo: solo necesitas tu URL de acceso directo al administrador. Syspanel solo gestiona los archivos y bases de datos, no interfiere en cómo funciona tu WordPress.

Paso 1: Acceder a la pantalla de creación de menús

Cuando hagas clic en Apariencia > Menús, verás una pantalla con dos opciones principales: "Editar Menús" y "Administrar Ubicaciones". La primera es donde crearás y personalizarás tu menú; la segunda, donde elegirás dónde mostrarlo (por ejemplo, en la cabecera o en el pie de página).

En la pestaña "Editar Menús", verás un formulario para crear tu primer menú. Solo tienes que ponerle un nombre, como "Menú Principal" o "Menú Superior", y hacer clic en "Crear Menú". WordPress lo guardará automáticamente y te llevará a la pantalla de edición.

Paso 2: Añadir elementos a tu menú

Esta es la parte más importante para personalizar menú wordpress. En la columna de la izquierda, verás distintas secciones desplegables: Páginas, Entradas, Categorías, Enlaces personalizados, etc.

Cada sección muestra los elementos disponibles en tu web. Por ejemplo, en "Páginas" verás las páginas estáticas que has creado (Inicio, Acerca de, Contacto). En "Categorías", verás las categorías de tus artículos del blog.

Para añadir un elemento, simplemente haz clic en la casilla de verificación junto a él y pulsa el botón "Añadir al Menú". Verás que el elemento aparece en la columna de la derecha, que representa la estructura de tu menú.

Puedes repetir este proceso tantas veces como quieras. Añade las páginas principales, las categorías más relevantes y, si lo necesitas, enlaces personalizados (por ejemplo, a tu perfil de redes sociales o a una página externa).

Para añadir un enlace personalizado, despliega la sección "Enlaces personalizados", escribe la URL completa (incluyendo https://) y el texto que quieres que muestre el enlace. Luego, pulsa "Añadir al Menú".

Paso 3: Organizar y jerarquizar los elementos

Una vez que has añadido todos los elementos, es hora de ordenarlos. En la columna de la derecha, verás una lista con los elementos de tu menú. Puedes arrastrarlos y soltarlos para cambiar su orden.

Si quieres crear un menú desplegable (submenú), arrastra un elemento ligeramente hacia la derecha, debajo de otro elemento. Verás que se sangra (se mueve hacia la derecha) y pasa a ser un "hijo" del elemento superior. Esto es muy útil para agrupar páginas relacionadas. Por ejemplo, puedes tener un elemento llamado "Servicios" y, debajo, como subelementos, "Diseño Web", "Marketing" y "SEO".

[TIP]: No sobrecargues tu menú con demasiados elementos. Un menú con 5-7 elementos principales es lo ideal para una buena experiencia de usuario. Si tienes mucho contenido, utiliza los desplegables para organizarlo mejor.

Paso 4: Guardar y asignar la ubicación del menú

Después de organizar tus elementos, no olvides hacer clic en el botón "Guardar Menú" en la parte inferior derecha. Es un error muy común olvidarse de guardar y perder todo el trabajo.

Ahora, ve a la pestaña "Administrar Ubicaciones". Aquí se muestra la estructura de tu tema (dónde tiene previsto mostrar menús). Verás zonas como "Menú Principal", "Menú Secundario", "Menú de Pie de Página", etc. Cada tema es diferente.

En cada ubicación, selecciona el menú que has creado en el desplegable. Por ejemplo, en "Menú Principal", selecciona "Menú Principal". Luego, pulsa "Guardar cambios".

[INFO]: Si tu tema solo tiene una ubicación de menú, no podrás asignar el mismo menú a varias zonas. Tendrás que crear un menú diferente para cada ubicación si quieres que se muestren distintos enlaces.

Paso 5: Personalización avanzada (opcional pero recomendado)

WordPress ofrece opciones adicionales para personalizar menú wordpress y hacerlo más profesional.

Mostrar elementos adicionales

En la parte inferior de la pantalla de edición, verás una sección llamada "Configuración del menú" o "Mostrar elementos". Aquí puedes activar opciones como:

Añadir automáticamente páginas nuevas: Si activas esta casilla, cada vez que crees una página nueva, se añadirá automáticamente al final de tu menú. Esto puede ser útil o un caos, úsalo con cuidado.
Mostrar la página de inicio: A veces los temas no muestran un enlace a la página de inicio en el menú. Esta opción te permite forzar que aparezca.

Clases CSS personalizadas (para usuarios más avanzados)

Si quieres darle un estilo único a un elemento del menú (por ejemplo, un botón de "Comprar" con otro color), puedes hacerlo. En la pestaña "Opciones de pantalla" (arriba a la derecha), activa la casilla "Clases CSS". Ahora, al expandir cada elemento de tu menú, verás un campo para escribir una clase CSS personalizada. Esto requiere conocimientos básicos de CSS, pero es una forma muy potente de personalizar la navegación.

Etiqueta de título y atributo

En las opciones de cada elemento, también puedes cambiar el atributo "title" (el texto que aparece al pasar el ratón) y el "target" (si quieres que el enlace se abra en una pestaña nueva). Esto es útil para enlaces externos.

Paso 6: Crear un menú desplegable (submenús) en profundidad

Ya hemos visto cómo sangrar elementos para crear submenús. Pero es importante entender cómo funciona la jerarquía.

Imagina que tienes una tienda online. Tu menú principal podría ser:

Inicio
Tienda
- Ropa
- Accesorios
- Ofertas
Blog
Contacto

Para lograr esto, arrastra "Ropa", "Accesorios" y "Ofertas" debajo de "Tienda", pero sangrándolos hacia la derecha. El resultado es un menú desplegable que se muestra al pasar el ratón sobre "Tienda".

[WARNING]: No todos los temas muestran los submenús de la misma manera. Algunos los muestran al hacer clic, otros al pasar el ratón. Si tu submenú no aparece, revisa la documentación de tu tema, ya que puede requerir un ajuste en su configuración.

Paso 7: ¿Qué hacer si no encuentras la opción "Menús"?

En los últimos años, muchos temas han migrado al Editor de Sitio Completo de WordPress (basado en bloques). En este caso, la opción "Menús" clásica puede estar oculta. Para añadir un menú, ve a Apariencia > Editor. Se abrirá una vista previa de tu web.

Haz clic en el área de la cabecera donde quieres que aparezca el menú (o en cualquier bloque de navegación existente). Verás que aparece un icono de lápiz o un botón "Añadir bloque". Busca el bloque llamado "Navegación" y añádelo.

Luego, en el panel derecho, podrás seleccionar un menú existente o crear uno nuevo desde cero. El proceso es similar, pero la interfaz es más visual y basada en bloques.

Paso 8: Consejos SEO para tu menú de navegación

Un buen menú no solo es importante para la experiencia del usuario, sino también para el SEO.

Usa texto ancla descriptivo

En lugar de usar "Haz clic aquí", utiliza palabras clave descriptivas como "Servicios de Diseño Web". Esto ayuda a los buscadores a entender el contenido de la página enlazada.

Limita el número de enlaces

Un menú con demasiados enlaces diluye la autoridad de cada uno de ellos. Prioriza los más importantes para tu negocio y deja el resto para los submenús o el pie de página.

Asegúrate de que sea móvil

Cada vez más usuarios navegan desde el móvil. Asegúrate de que tu menú se vea bien en pantallas pequeñas y que sea fácil de tocar con el dedo. La mayoría de los temas modernos son responsive, pero es bueno comprobarlo.

Enlaza a tus páginas más importantes

Tu menú es una excelente manera de distribuir la "autoridad" (link juice) de tu página de inicio a las páginas internas más relevantes. Asegúrate de que esas páginas clave estén en el menú principal.

[TIP]: Para un mejor SEO, la estructura de tu menú debe reflejar la jerarquía de tu sitio. Si tu web es sobre recetas de cocina, un menú con "Recetas de Pasta", "Recetas de Postres" y "Recetas Vegetarianas" es mucho más claro que un menú con "Inicio", "Blog" y "Contacto".

Preguntas frecuentes (FAQ) sobre menús en WordPress

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

Sí, absolutamente. Puedes crear tantos menús como necesites. Por ejemplo, un menú principal en la cabecera, un menú de enlaces rápidos en el pie de página y un menú de categorías en la barra lateral. Solo tienes que crear cada menú y asignarlo a la ubicación correspondiente en "Administrar Ubicaciones".

¿Cómo agrego un enlace a una página que está en otra categoría?

No hay problema. Los enlaces en un menú son independientes de la estructura de categorías de tu web. Simplemente añade la página o la categoría que quieras desde el panel izquierdo y arrástrala al lugar que desees en la estructura del menú.

¿Cómo elimino un elemento de mi menú?

Muy sencillo. En la columna de la derecha (la estructura del menú), haz clic en la flecha hacia abajo del elemento que quieras eliminar. Se desplegará un panel con la opción "Eliminar". Haz clic en ella y el elemento desaparecerá de la lista. Recuerda guardar los cambios.

¿Cómo cambio el orden de los elementos del menú?

Simplemente arrastra y suelta los elementos en el orden deseado. WordPress es muy intuitivo en este aspecto. Puedes arrastrarlos hacia arriba o hacia abajo, y también sangrarlos o desangrarlos para crear o eliminar submenús.

Mi menú no guarda los cambios, ¿qué hago?

Esto suele deberse a un problema de caché. Primero, asegúrate de hacer clic en "Guardar Menú" y espera a que la página se recargue. Luego, borra la caché de tu navegador (Ctrl+F5 en Windows o Cmd+Shift+R en Mac) y la caché de tu plugin de caché si tienes uno. Si el problema persiste, verifica que tu hosting no tenga algún firewall que bloquee las peticiones POST.

¿Puedo vender productos en el menú?

No directamente. El menú es para enlazar a páginas, categorías o URLs personalizadas. Si tienes una tienda WooCommerce, puedes enlazar a la página de "Tienda", a una categoría de producto o a un carrito de la compra mediante un enlace personalizado.

Conclusión: domina tu navegación y mejora tu web

Aprender a crear menú wordpress es una habilidad fundamental que te dará un control total sobre la navegación de tu sitio. No es una tarea complicada, pero requiere práctica y atención al detalle.

Un menú bien estructurado no solo facilita la vida a tus visitantes, sino que también ayuda a los motores de búsqueda a entender la arquitectura de tu sitio, lo que puede traducirse en un mejor posicionamiento. Recuerda que la clave está en la simplicidad, la organización y la claridad.

Ahora que ya sabes cómo añadir menú wordpress, te animo a que entres en tu panel de administración y empieces a experimentar. Crea un menú, juega con los submenús, añade enlaces personalizados y comprueba cómo se ve en tu web. No tengas miedo de equivocarte, siempre puedes volver atrás y modificar los cambios.

[INFO]: Si tu sitio está alojado en un servidor con Syspanel, recuerda que para cualquier gestión de archivos o bases de datos, puedes acceder a través del puerto 2106. Pero para la creación de menús, todo se hace desde el escritorio de WordPress, así que no necesitas tocar nada en el panel de control.

Con esta guía, ya tienes todos los conocimientos necesarios para crear un menú profesional y funcional. ¡Manos a la obra!