Gestión de menús en WordPress

Publicada en WordPress.

Mira nuestro vídeo

Existe una versión mejor de tu web

Comparte este artículo

Recientemente, cuando te expliqué los tipos de contenido básicos que puedes crear en WordPress ya te hablé de los menús de navegación. Como bien indica su nombre, son los menús que te permiten fácilmente ir navegando a las distintas páginas de tu web.

La cantidad de menús que puedes tener en tu web en WordPress y su ubicación en la misma (en la parte superior, lateral y/o inferior) depende del tema que tengas instalado. Diría que casi todos los temas para WordPress vienen con al menos una ubicación de menú. Pero muchos otros te ofrecen múltiples ubicaciones. 

Verás que, crearlos, modificarlos y borrarlos es muy fácil si sigues las explicaciones que te comento a continuación:

Crea tu primer menú

Para crear un primer menú, debes ir al Escritorio de administración de WordPress y hacer clic en Apariencia » Menús.

En el Escritorio de WordPress, en la sección Apariencia haz clic en Menús para crear, modificar o borrar un menú.

Esto te lleva a la pantalla Menús que contiene dos pestañas: Editar menús y Gestionar ubicaciones.

Veamos la primera, ¿qué tenemos en Editar menús? Muchos temas, al instalarlos, ya te vienen con algún menú por defecto creado. Pero si no es el caso, tal y como te muestro en la siguiente imagen, haz clic en el texto en azul, crea un nuevo menú, y te aparecerá una casilla, Nombre del menú, dónde has de escribir el nombre que creas más conveniente. Luego haz clic en el botón Crear menú.

Nombre a mi primer menú
Crea tu primer menú, poniendo un nombre y haciendo clic en Crear menú.

Verás que se habrá creado un nuevo menú de navegación y te habrán aparecido dos áreas activadas tal y como puedes ver a continuación:

Creado mi primer menú de WordPress.
Creado mi primer menú de WordPress.

En la parte derecha es dónde tienes que definir la Estructura del menú y los Ajustes del menú). Empecemos con éste último. En la imagen anterior verás que se muestra en Dónde se verá, dos posibles casillas: Menú principal o Menú social. Esto es lo que te he comentado antes sobre la ubicación del menú y que depende del tema que tengas instalado. En el ejemplo que te muestro, tengo instalado un tema que te permite dos posibles ubicaciones, una que es la que llama Menú principal y la otra le llama Menú social. La cantidad de menús que puedes instalar y el nombre de su ubicación depende del tema que tengas instalado.

En la parte izquierda del editor de menús tienes la páginas creadas en tu web. Si quieres poder ir a todas a través del menú, puedes hacer clic en el texto azul Seleccionar todos, marcándose todas las páginas y hacer clic en el botón Añadir al menú.

O alternativamente, puedes seleccionar un subconjunto de las páginas que quieres que se puedan navegar desde el menú principal. Por ejemplo, es muy habitual que a la página de Política de privacidad o de Términos y condiciones uno acceda a través de un enlace en el pie de página de una web, pero no desde el menú principal.

En cualquiera de los dos casos anteriores, tras hacer clic en el botón Añadir al menú, ya has visto que te han aparecido en la Estructura del menú.

Guardar ubicación del menú.
Antes de guardar la estructura del menú creado, asegúrate de haber indicado dónde quieres su ubicación.

Luego, tienes que indicar, si no lo has hecho antes, en Ajustes del menú dónde quieres que se ubique tu menú (en la imagen anterior ves que he marcado que se vea en el Menú principal) y al hacer clic en Guardar menú, ya tienes tu primer menú creado.

Visualización de menú creado.
Visualización del menú que acabamos de crear.

Y tranquilo que si tienes varias opciones de ubicaciones y no sabes dónde debería verse tu menú, podrás cambiarlo tantas veces cómo quieras.

Organiza los elementos de tu menú

Al seleccionar las páginas y añadirlas en la estructura de menú, éstas se han añadido en el mismo orden que se mostraban en el listado de páginas pero, seguramente no coincide con el orden en que te gustaría que se mostraran.

El editor de menús de WordPress te permite con un simple seleccionar y arrastrar organizar los menús como quieras. No sólo puedes cambiar de orden los elementos si no que también te permite crear submenús. Es decir, que de un elemento del menú se abran otras opciones de menú.

Por ejemplo, me gustaría que el primer elemento que se mostrara fuera Inicio, y de éste, colgaran los elementos Productos y Precios. A la derecha de Inicio, en el menú principal, me está bien que se visualicen las opciones Blog, Contacto y Acerca de.

Pues tan sencillo como mover y posicionar los elementos de menú en la estructura.

Y, ¡voilá! ya tienes el menú con la nueva organización de elementos.

Visualización de nuevo menú.
Visualización del menú tras cambiar de sitio los elementos seleccionados.

Dependiendo del tema de WordPress que tienes instalado, puedes crear más de dos niveles de sub-menús, aunque muchos temas tienen un límite de máximo dos niveles.

Añade páginas externas, entradas o categorías

Como ya te habrás dado cuenta, los menús de WordPress no sólo te permiten que navegues a una página de tu propia web, también te permiten que navegues a entradas y páginas externas.

Enlaza páginas de terceros
Añade una opción de menú con la que navegues a una página externa.

Esto es útil cuando tienes más de una web relacionada, y es especialmente útil para crear el menú que va a enlazar con tus redes sociales, como te comento un poco más abajo.

Además, si tienes las entradas de tu blog muy bien ordenadas con categorías, fíjate que también puedes añadir enlaces a Categorías en tu menú en WordPress:

Selecciona categorías
Selecciona las categorías que quieres enlazar desde el menú de tu web.

Así, le puedes facilitar a tus lectores el acceso a las distintas secciones de tu blog.

Añadir elementos categorías
Ahora, la opción Blog del menú, incluye dos nuevos sub-elementos que corresponden a las categorías seleccionadas.

Modifica los elementos del menú

Cuando has añadido las páginas u otros elementos a la estructura de menú, ya has visto que éstos se han copiado con el mismo nombre. Pero, ¿y si quieres que en el menú se visualice con otro nombre más atractivo?

Pues vuelve a ser muy sencillo. En el elemento del menú que quieres modificar, haz clic en el triángulo que hay a su derecha y se te abren los detalles de ese elemento. Modifica su nombre y ya está. Por ejemplo, en el vídeo que te muestro a continuación ves cómo he cambiado el nombre de la opción de menú Precios por Planes y precios.

En el vídeo, también te habrás fijado que puedes mover el elemento (igual que hemos hecho antes con el ratón) y ver cuál es la página original enlazada y eliminarla, si quieres.

Y ya está. Con todo lo explicado aquí ya puedes crear el menú perfecto para tu web en WordPress.

Menús sociales

Como te he comentado antes, veamos el ejemplo de cómo se añadiría un menú para enlazar nuestras redes sociales. En este caso volveríamos a crear un nuevo menú y seleccionaríamos que su ubicación es la de Menú Social.

Creación de un nuevo menú social.
Creación de un nuevo menú social.

Y luego, para cada una de mis redes sociales le voy añadiendo el enlace personalizado que no es más que la URL a mi red social.

Añadir red social
En la pestaña Enlaces personalizados, añado mi URL de Twitter, indico el texto del enlace y hago clic en Añadir al menú.

Y así, puedes añadir cada una de tus redes sociales.

Estructura de menú social
En el menú tendré un elemento para cada una de mis redes sociales.

La mayoría de los temas para WordPress ya están preparados para que, en los menús sociales, con indicar los enlaces de cada red ya muestran el icono de la red en cuestión.

Menús creados
Visualización de los dos menús que acabamos de crear.

Como puedes ver en la imagen anterior, ahora ya tienes los dos menús que acabamos de crear.

Espero que esta información te sea útil para que crees y administres los menús de tu web fácilmente. Ya ves que ha sido fácil, ¿no? Ahora ya sólo te falta inspirarte con los distintos tipos de menú de navegación que puedes diseñar.

Finalmente comentarte que algunos temas para WordPress también te permiten añadir menús adicionales en otras ubicaciones predefinidas mediante widgets. Pero esto, ya te lo comentaré en una próxima entrada. ¡No te la pierdas!

Imagen destacada de Bundo Kim en Unsplash

35 comentarios en «Gestión de menús en WordPress»

  1. hola, estoy intentando agregar Categorías que ya están creadas a mi Menú y estas no me aparecen listadas
    qué puedo hacer!? gracias

    1. Hola Cecilia,

      En la opción de añadir items de menú, si cierras el desplegable de Páginas, debajo aparecen 3 más, el de Enlaces, el de Entradas personalizadas y el de Categorías. Al desplegar el de Categorías, fíjate que hay tres pestañas, el de Más utilizadas que es posible que esté vacío, pero también tienes el Ver todo o Buscar.

      Un saludo y gracias a tí por leernos.

      Ruth

  2. ¡Gracias! Estaba bloqueada porque soy amateur y tu explicación me saco del nudo.
    Saludos!

  3. Hola, quería saber como modificar/eliminar el Menú de las tres rayitas desplegable al pusar, que aparece a la derecha del Menú de la Cabecera.

    Tema Bridge

    Gracias

    1. Hola Jorge. Esto es algo que depende del tema y es posible que quizás no se pueda eliminar. Ponte en contacto con el desarrollador del tema a través de los foros de soporte de WordPress.org y pídele ayuda.

  4. Hola,
    no puedo ver la opción ‘appearence’ y tampoco la opción ‘plugins’, ¿puedes ayudarme? Es muy urgente…

  5. Hola, como puedo cambiar en la parte donde dice original. Pues ya le cambie en la etiqueta de navegación pero en el encabezado de la página no cambia, es decir donde dice original en la parte mas abajo. Gracias

    1. Hola José Luis, te agradeceré si me puedes dar más detalles sobre qué estás intentando cambiar ya que no acabo de entender tu pregunta.
      Un saludo.

  6. Buenos días,
    Tengo la necesidad de crear dos tipos de menú para mi site. Uno lo utilizaré para las páginas en español y otro para las páginas en inglés.
    Ya tengo los dos creados, pero no sé cómo puedo asignar un menú diferente al de por defecto a una página en concreto.
    ¿Me puedes ayudar?
    Muchas gracias

    1. Buenos días, Cuca,
      Dependerá de cómo hayas decidido implementar el multiidioma en tu sitio, si es multisitio o utilizas un plugin para gestionar los distintos idiomas. En la entrada WordPress multilidioma, David te muestra ambas alternativas.
      Un saludo,
      Ruth

  7. Buenas. Como se puede hacer para que un menú sea desplegable. En mi caso tengo un menú donde estoy metiendo una parte de mis entradas y ya se está haciendo muy extenso y está dificultando ver los menús que hay debajo de él (que por prioridad es donde deben estar).
    Es decir, necesito que un menú en particular sea desplegable.
    Gracias.

    1. Esto es una funcionalidad que el propio tema debería implementar… Alternativamente, puedes probar a buscar algún plugin que lo haga, pero los resultados suelen no encajar del todo bien.

  8. Hola buenas, cuándo ya tienes las páginas creadas y te aparecen en el menú principal. cómo o dónde puedo proceder a subirlos al menú superior, es decir cómo puedo pasar algo del menú de encabezado principal al menú precabecera? Muchas gracias

    1. Hola Agustín,
      Los menús los puedes modificar tal y como te explico en la entrada. Es decir, para cualquiera de los menús, puedes definir su estructura y qué página enlazas a cada opción de menú.
      Gracias por leernos,

  9. Hola, yo cree un menú que se ve en todas las paginas de mi sitio. Pero, en las otras paginas que no son la de inicio, no funcionan los links al resto de las paginas, solo funcionan todos los links del menu principal en la home. Entonces no se como hacer para que funcionen todos los links (como cargarlos) en cada pagina. Ya que en cada pagina solo funciona volver a la home, el resto de las paginas en el mismo menu no se como ponerles el link. Gracias!

    1. Hola Jessica,
      En principio un mismo menú debería comportarse igual en cualquier página y los links de las opciones de menú se añaden sólo en la propia definición del menú, no en las páginas. Asegúrate primero de que realmente estés usando el mismo menú en todas las páginas.
      Si estás usando el mismo menú en todas las páginas y no funciona el enlace en alguna de ellas, podría ser que tengas instalado un tema, plugin o custom post type que esté cargando un JS/CSS en una página y no en otra y que esté afectando al menú.
      Espero que esto te sirva de ayuda.

  10. Hola, había creado perfectamente mi menú y de un momento a otro desapareció está en la configurqación , pero no se ve en la pagina , parece que de alguna forma quedo invisible, y no sé como ponerlo como al inicio

    1. Hola Andrea,
      Con lo que me indicas, no sé qué puede haber pasado. En cualquier caso, asegúrate en Ajustes del menú de haber indicado dónde se visualiza antes de guardarlo.
      !Suerte!

  11. Hola Ruth.
    Mi pregunta es la siguiente. El menú de mi página se ha cambiado a un desplegable con tres líneas, pero yo quiero que me aparezcan los nombres de las páginas (secciones) y no sé como cambiarlo.

    ¿Me podrías ayudar por favor?

    Gracias!

    1. Hola Pili,
      El menú con tres líneas (burguer menu en inglés) se utiliza principalmente en las versiones móviles de las páginas para ahorrar espacio de pantalla, aunque también se pueden aplicar en sus versiones escritorio.
      Probablemente la plantilla que estás utilizando ya incluye automáticamente la opción de colocar este menú en la versión móvil y en los ajustes del menú deberías poder indicar cómo quieres mostrarlo en la versión escritorio.
      Gracias por leernos y un saludo,
      Ruth

  12. Hola, buenas noches, estoy tratando de entender porqué en mi web, en la que he creado un menú nuevo, estoy usando mega menu, el problema es que cuando selecciono en el menú una página cualquiera, al llegar a la nueva página todo el menú se cambia y se ve muy mal. He eliminado todos los menu y los he vuelto a crear pero sigue apareciendo el problema.

    1. Hola Felipe,
      Personalmente, no tengo experiencia con el plugin mega menú que comentas y el problema puede ser cualquier cosa. Te recomiendo que contactes con su servicio de soporte que seguro que te lo solucionan rápido.
      Suerte y un saludo.

  13. Buenos días,

    Estoy intentando cambiar un número de contacto que se visualiza en la barra superior de mi página, esta ubicado sobre el nombre de la empresa el logo y no logro saber dónde está ese acceso para modificarlo. Me pueden ayudar con eso, tengo permiso de administradora

    1. Hola Karín, seguramente lo podrás cambiar en apariencia, donde se pueden modificar las propiedades del tema.
      Un saludo y gracias por leernos.

  14. mi pagina tenia dos menu superiores, uno en la cabecera y otro junto al logo, no se en que parte modifique dicho menu y quite el menu de la cabecera y solo quedo uno de ellos, el problema es que no puedo reversar ese cambio, que puedo hacer?

    1. Hola Andres, si ya lo has borrado y no tenías ninguna copia de seguridad de antes de hacer estos cambios, lo que puedes hacer es volver a crear el menú en cuestión.
      Suerte!!

  15. Hola! cree mi menu tal cual lo comentas aqui, pero en mi pagina de inicio me sigue apareciendo el menu de la plantilla (astra) y no me pone el menu que modifique y cree… que puedo hacer?

    1. Hola,
      Por lo que comentas, en vez de cambiar el menú de la plantilla, has creado uno nuevo. En este caso, debes asegurarte en los ajustes del menú que has indicado que este menú creado debe verse como el menú principal y que el de la plantilla deja de ser el menú principal.
      Suerte y un saludo

  16. Hola! Estoy construyendo una one page y le he añadido dos páginas, la de blog y la de regalo, así las tengo en el menú pero como aún no están funcionando me gustaría que no se vienen todavía…
    He intentado hacerlo pero no sé como ¿hay alguna forma de que no estén visibles en el menú o es mejor que directamente las elimine y las añada más adelante?

    Muchas gracias
    Maite

    1. Hola Maite,
      Lo que tiene más sentido es que sencillamente las quites del menú y ya las añadirás en el mismo cuando las tengas acabadas. De hecho es lo que normalmente se hace al crear una nueva página, no la añades al menú hasta que no la tienes totalmente acabada.
      Mucha suerte con la web y gracias a ti por leernos.

  17. Hola, uso rigid theme y quería saber cómo modificar el tamaño del top menú porque en los smartphones me ocupa mucho espacio de la pantalla. Gracias!

    1. Hola Daniel, algunos temas te permiten cambiar el estilo del mismo en la opción de menú Personalizar de Apariencia. Si no, puedes añadir un nuevo estilo CSS que sustituya al que tienes actualmente.
      Un saludo.

  18. Hola, disculpa la molestia. Tengo mi web casi esta lista, el problema es el siguiente. Solo me faltan algunos detalles de diseño y, entre ellos, me gustaría quitar el resaltado que aparece en el menú superior derecho, cada vez que entras a alguna de las páginas, el título de ésta aparece resaltada en el menú. Es posible quitar eso? Espero tu respuesta, muchas gracias. Saludos!

    1. Hola Seba,
      Para modificar el aspecto del menú, añadiendo clases CSS a los distintos elementos del mismo. Te recomiendo el artículo de Ricardo Pietro en la que justo explica cómo resaltar un elemento del menú. La idea es la misma para cualquier tipo de modificación.
      Un saludo!

Deja una respuesta

No publicaremos tu correo electrónico. Los campos obligatorios están marcados con: •

He leído y acepto la Política de privacidad de Nelio Software

Al marcar la casilla de aceptación estás dando tu legítimo consentimiento para que tu información personal se almacene en SiteGround y sea usada por Nelio Software con el propósito único de publicar aquí este comentario. Contáctanos para corregir, limitar, eliminar o acceder a tu información.