Cómo añadir el menú de navegación en WordPress (Guía para principiantes)

¿Quieres añadir un menú de navegación a tu sitio de WordPress?

WordPress viene con una interfaz de menú de arrastrar y soltar que puedes usar para crear menús de cabecera, menús con opciones desplegables y más.

En esta guía paso a paso, te mostraremos cómo añadir fácilmente un menú de navegación en WordPress.

¿Qué es un menú de navegación?

Un menú de navegación es una lista de enlaces que apuntan a áreas importantes de un sitio web. Normalmente se presentan como una barra horizontal de enlaces en la parte superior de cada página de un sitio web.

Los menús de navegación dan la estructura de su sitio y ayudan a los visitantes a encontrar lo que están buscando. Así es como se ve el menú de navegación en WPBeginner:

WordPress hace que sea muy fácil añadir menús y sub-menús. Puedes añadir enlaces a tus páginas, categorías o temas más importantes, entradas de blog e incluso enlaces personalizados como tu perfil de medios sociales.

La ubicación exacta de tu menú dependerá del tema de WordPress. La mayoría de los temas tendrán varias opciones, por lo que puedes crear diferentes menús que pueden ser mostrados en diferentes lugares.

Por ejemplo, la mayoría de los temas de WordPress vienen con un menú principal que aparece en la parte superior. Algunos temas pueden incluir un menú secundario, un menú de pie de página o también un menú de navegación para móviles.

Video Tutorial

Suscríbase a WPBeginner

Si prefieres instrucciones escritas, sigue leyendo.

Creación de su primer menú de navegación personalizado

Para crear un menú de navegación, debes visitar la página de menús Appearance " Menus en tu panel de administración de WordPress.

En primer lugar, debes proporcionar un nombre para el menú, como "Menú de navegación superior" y luego hacer clic en el botón "Crear menú". Esto expandirá el área del menú, y se verá así:

A continuación, puedes elegir las páginas que quieres añadir al menú. Puedes añadir automáticamente todas las nuevas páginas de nivel superior, o puedes seleccionar páginas específicas de la columna izquierda.

En primer lugar, haz clic en la pestaña "Ver todo" para ver todas las páginas de tu sitio. A continuación, haz clic en la casilla situada junto a cada una de las páginas que desees añadir al menú y, a continuación, haz clic en el botón "Añadir al menú".

Una vez añadidas las páginas, puedes moverlas arrastrándolas y soltándolas.

Nota: Todos los menús tienen sus elementos listados en una lista vertical (de arriba a abajo) en el editor de menús. Cuando pones el menú en directo en tu sitio, se mostrará en vertical u horizontal (de izquierda a derecha), dependiendo de la ubicación que selecciones.

La mayoría de los temas tienen varios lugares diferentes donde puedes poner los menús. En este ejemplo, estamos usando el tema predeterminado de 2020, que tiene 5 ubicaciones diferentes.

Después de añadir páginas al menú, selecciona el lugar donde quieres que se muestre el menú y haz clic en el botón "Guardar menú".

Consejo: Si no estás seguro de dónde está cada lugar, intenta guardar el menú en diferentes lugares y luego visita tu sitio para ver cómo se ve. Es probable que no quieras usar todas las ubicaciones, pero es posible que quieras usar más de una.

Aquí está nuestro menú terminado en el sitio:

Creación de menús desplegables en WordPress

Los menús desplegables, a veces llamados menús anidados, son menús de navegación con elementos de menú para padres e hijos. Cuando pasas el cursor por encima de un elemento superior, todos los elementos inferiores aparecerán debajo de él en un submenú.

Para crear un submenú, arrastre un elemento debajo del elemento superior y luego arrástrelo ligeramente hacia la derecha. Lo hemos hecho con 3 submenús debajo de "Servicios" en nuestro menú:

Aquí está el sub-menú en vivo en el sitio:

Incluso puedes añadir varias capas de desplegables, para que tu sub-menú pueda tener un sub-menú. Esto puede acabar pareciendo un poco desordenado, y muchos temas no son compatibles con los menús desplegables de varias capas.

En este ejemplo, puedes ver que "Diseño del logo" (un artículo infantil de "Servicios") tiene dos artículos infantiles propios.

Añadir categorías a los menús de WordPress

Si utilizas WordPress para gestionar un blog, es posible que desees añadir las categorías de tu blog como un menú desplegable en el menú de WordPress. Hacemos esto en WPBeginner:

Puedes añadir fácilmente categorías a tu menú haciendo clic en la pestaña Categorías en la parte izquierda de la pantalla de Menús. Es posible que también tengas que hacer clic en la pestaña "Ver todo" para ver todas las categorías.

Sólo tienes que seleccionar las categorías que quieras añadir al menú y luego hacer clic en el botón "Añadir al menú".

Las categorías aparecerán como elementos regulares del menú en la parte inferior del mismo. Puedes arrastrarlas y soltarlas en su posición. Vamos a poner todas estas categorías en el menú del blog.

¿Quieres tener una página de blog en tu sitio que esté separada de tu página principal? Si es así, consulta nuestro tutorial sobre cómo crear una página separada para las entradas del blog en WordPress.

Añadir enlaces personalizados a los menús de navegación de WordPress

Además de las categorías y páginas, WordPress también facilita enormemente la adición de enlaces personalizados a tu menú. Puedes usarlo para enlazar tus perfiles de medios sociales, tu tienda en línea, y/o otros sitios web que poseas.

Tendrás que usar la pestaña "Enlaces personalizados" en la pantalla del menú. Sólo tienes que añadir el enlace junto con el texto que quieras usar en el menú.

Incluso puedes ser creativo y añadir iconos de medios sociales en tu menú.

Edición o eliminación de un elemento del menú en los menús de navegación de WordPress

Cuando añades páginas o categorías a tu menú de navegación personalizado, WordPress utiliza el título de la página o el nombre de la categoría como texto del enlace. Puedes cambiar esto si lo deseas.

Cualquier elemento del menú puede ser editado haciendo clic en la flecha hacia abajo junto a él.

Puedes cambiar el nombre de la opción de menú aquí. Aquí también puedes hacer clic en "Eliminar" para quitar el enlace del menú por completo.

Si tienes problemas con la interfaz de arrastrar y soltar, también puedes desplazar el elemento del menú haciendo clic en el enlace "Mover" correspondiente.

Añadir menús de WordPress en las barras laterales y en los pies de página

No tienes que ceñirte a los lugares de exhibición de tu tema. Puedes añadir menús de navegación en cualquier área que utilice widgets, como la barra lateral o el pie de página.

Simplemente ve a Apariencia " Widgets y añade el widget "Menú de navegación" a tu barra lateral. A continuación, añade un título para el widget y elige el menú correcto en la lista desplegable "Seleccionar menú".

Aquí hay un ejemplo de un menú de pie de página personalizado de WordPress construido en el sitio web de Syed Balkhi.

Ir más allá con los menús de navegación

Si quieres crear un menú verdaderamente épico con montones de enlaces, tenemos un tutorial sobre cómo crear un mega menú en WordPress. Esto te permite crear un menú desplegable con muchos elementos, incluyendo imágenes.

Los megamenes son una gran opción si tienes un sitio grande, como una tienda en línea o un sitio de noticias. Este tipo de menú es usado por sitios como Reuters, Buzzfeed, Starbucks, etc.

Esperamos que este artículo te haya ayudado a aprender a añadir un menú de navegación en WordPress. También puedes consultar nuestras guías sobre cómo estilizar los menús de navegación en WordPress y cómo crear un menú de navegación flotante y pegajoso en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.