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

Nov 20, 2021
admin

¿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 puede utilizar para crear menús de cabecera, menús con opciones desplegables, y mucho más.

En esta guía paso a paso, le 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 las áreas importantes de un sitio web. Suelen presentarse como una barra horizontal de enlaces en la parte superior de cada página de un sitio web.

Los menús de navegación estructuran el sitio y ayudan a los visitantes a encontrar lo que buscan. Así es como se ve el menú de navegación en WPBeginner:

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

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

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

Tutorial en vídeo

Suscríbete a WPBeginner

Si prefieres instrucciones escritas, sigue leyendo.

Crear tu primer menú de navegación personalizado

Para crear un menú de navegación, tienes que visitar la página Apariencia » Menús en tu panel de administración de WordPress.

Primero, necesitas proporcionar un nombre para tu 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ú. Puede añadir automáticamente todas las nuevas páginas de nivel superior, o puede seleccionar páginas específicas de la columna de la izquierda.

Primero, haga clic en la pestaña «Ver todo» para ver todas las páginas de su sitio. Después, haga clic en la casilla situada junto a cada una de las páginas que desee añadir a su menú y, a continuación, haga clic en el botón ‘Añadir al menú’.

Una vez añadidas sus páginas, puede moverlas arrastrándolas y soltándolas.

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

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

Después de añadir páginas al menú, seleccione la ubicación donde desea mostrar el menú y haga clic en el botón «Guardar menú».

Consejo: Si no está seguro de dónde está cada ubicación, intente guardar el menú en diferentes lugares y luego visite su sitio para ver cómo se ve. Probablemente no querrá usar todas las ubicaciones, pero puede querer 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ú padre e hijo. Cuando pasas el cursor por encima de un elemento padre, todos los elementos hijos aparecerán debajo de él en un submenú.

Para crear un submenú, arrastra un elemento debajo del elemento padre y luego arrástralo ligeramente hacia la derecha. Lo hemos hecho con 3 subelementos debajo de ‘Servicios’ en nuestro menú:

Aquí está el submenú en vivo en el sitio:

Incluso puedes añadir múltiples capas de desplegables, para que tu submenú pueda tener un submenú. Esto puede acabar pareciendo un poco desordenado, y muchos temas no admiten menús desplegables de varias capas.

En este ejemplo, puede ver que «Diseño de logotipos» (un elemento hijo de «Servicios») tiene dos elementos hijos propios.

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

Si está utilizando WordPress para gestionar un blog, entonces es posible que quiera añadir las categorías de su blog como un elemento desplegable en su menú de WordPress. Esto lo hacemos en WPBeginner:

Puedes añadir fácilmente categorías a tu menú haciendo clic en la pestaña Categorías en el lado izquierdo de la pantalla de Menús. También puede hacer clic en la pestaña «Ver todo» para ver todas sus categorías.

Simplemente seleccione las categorías que desea añadir al menú y, a continuación, haga clic en el botón «Añadir al menú».

Las categorías aparecerán como elementos de menú normales en la parte inferior de su menú. Puedes arrastrarlas y soltarlas en su posición. Vamos a poner todas estas categorías bajo el elemento de menú Blog.

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

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

Además de las categorías y las páginas, WordPress también hace que sea súper fácil añadir enlaces personalizados a tu menú. Puedes usarlo para enlazar con tus perfiles de redes sociales, tu tienda online, y/o otros sitios web que poseas.

Tendrás que usar la pestaña de ‘Enlaces personalizados’ en la pantalla del Menú. Simplemente añada el enlace junto con el texto que desea utilizar en su menú.

Incluso puede ser creativo y añadir iconos de medios sociales en su menú.

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

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

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

Aquí puede cambiar el nombre del elemento del menú. Aquí también puede hacer clic en ‘Eliminar’ para quitar el enlace de su menú por completo.

Si tienes problemas con la interfaz de arrastrar y soltar, entonces también puedes mover el elemento del menú haciendo clic en el enlace apropiado ‘Mover’.

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

No tienes que limitarte a las ubicaciones de visualización de tu tema. Puedes añadir menús de navegación en cualquier área que utilice widgets, como tu barra lateral o 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ñada un título para el widget y elija el menú correcto de la lista desplegable ‘Seleccionar menú’.

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

Cómo ir más allá con los menús de navegación

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

Los mega menús son una gran opción si tienes un sitio grande, como una tienda online o un sitio de noticias. Este tipo de menú es utilizado por sitios como Reuters, Buzzfeed, Starbucks, etc.

Preguntas sobre los menús de WordPress

Aquí están algunas de las preguntas más comunes que escuchamos sobre los menús de navegación de WordPress de los principiantes.

1. ¿Cómo agrego un enlace de página de inicio a un menú de WordPress?

Para agregar su página de inicio a un menú de navegación, tendrá que hacer clic en la pestaña ‘Ver todo’ en Páginas. Desde ahí, deberías ver tu página de inicio.

Marca la casilla junto a ‘Inicio’ y haz clic en ‘Añadir al menú’. No olvides guardar los cambios.

2. ¿Cómo añado varios menús de navegación en WordPress?

En WordPress, puedes crear tantos menús como quieras. Para colocar un menú en tu sitio web, tendrás que añadirlo a una de las ubicaciones de menú de tu tema, o a un área de widgets como mostramos anteriormente.

Para añadir múltiples menús de navegación a tu sitio de WordPress, primero crea los menús siguiendo nuestro tutorial anterior.

Para colocarlos en tu sitio, haz clic en la pestaña ‘Administrar ubicaciones’.

Desde aquí, puedes seleccionar qué menú te gustaría mostrar en las ubicaciones de menú que están disponibles en tu tema.

Si quieres añadir una nueva ubicación de menú a tu sitio, consulta nuestro tutorial sobre cómo añadir menús de navegación personalizados a los temas de WordPress.

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

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada.