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

¿Desea agregar un menú de navegación a su sitio de WordPress??


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

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

Cómo agregar el 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. Por lo general, 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 proporcionan 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:

El menú de navegación WPBeginner

WordPress hace que sea realmente fácil agregar menús y submenús. Puede agregar enlaces a sus páginas, categorías o temas más importantes, publicaciones de blog e incluso enlaces personalizados, como su perfil de redes sociales.

La ubicación exacta de su menú dependerá de su 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ú principal 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.

Crear su primer menú de navegación personalizado

Para crear un menú de navegación, debe visitar el Apariencia »Menús página en el panel de administración de WordPress.

Crear un menú en WordPress

Primero, debe proporcionar un nombre para su 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í:

Un menú recién creado en WordPress

A continuación, puede elegir las páginas que desea agregar al menú. Puede agregar automáticamente todas las páginas nuevas de nivel superior, o puede seleccionar páginas específicas de la columna izquierda.

Primero, haga clic en la pestaña “Ver todo” para ver todas las páginas de su sitio. Después de eso, haga clic en el cuadro junto a cada una de las páginas que desea agregar a su menú y luego haga clic en el botón “Agregar al menú”.

Agregar elementos al menú de navegación

Una vez que haya agregado sus páginas, puede moverlas arrastrándolas y soltándolas..

Arrastrar y soltar un elemento para moverlo en el menú

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

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

Después de agregar páginas al menú, seleccione la ubicación donde desea mostrar el menú y haga clic en el botón “Guardar menú”.

Seleccionar la ubicación de visualización para su menú

Propina: Si no está seguro de dónde está cada ubicación, intente guardar el menú en diferentes lugares, luego visite su sitio para ver cómo se ve. Probablemente no quieras usar todas las ubicaciones, pero es posible que quieras usar más de una.

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

Menú de navegación en vivo terminado

Crear 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ú primarios y secundarios. Cuando pasa el cursor sobre un elemento principal, todos los elementos secundarios aparecerán debajo de él en un submenú.

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

Agregar elementos de menú como submenú

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

Un submenú desplegable en la navegación del sitio

Incluso puede agregar varias capas de menú desplegable, para que su submenú pueda tener un submenú. Esto puede terminar buscando un poco desordenado, y muchos temas no admiten menús desplegables de varias capas.

En este ejemplo, puede ver que el “Diseño de logotipo” (un elemento secundario de “Servicios”) tiene dos elementos secundarios propios.

Un menú desplegable anidado

Agregar categorías a los menús de WordPress

Si está utilizando WordPress para ejecutar un blog, es posible que desee agregar sus categorías de blog como un menú desplegable en su menú de WordPress. Hacemos esto en WPBeginner:

El menú WPBeginner que muestra las categorías desplegables

Puede agregar fácilmente categorías a su menú haciendo clic en la pestaña Categorías en el lado izquierdo de la pantalla Menús. También es posible que deba hacer clic en la pestaña “Ver todo” para ver todas sus categorías.

Simplemente seleccione las categorías que desea agregar al menú y luego haga clic en el botón “Agregar al menú”.

Agregar categorías a su menú

Las categorías aparecerán como elementos de menú normales en la parte inferior de su menú. Puede arrastrarlos y soltarlos en su posición. Vamos a poner todas estas categorías debajo del elemento del menú Blog.

Poner las categorías bajo el elemento de menú 'Blog'

¿Desea tener una página de blog en su sitio que esté separada de su página de inicio? Si es así, consulte nuestro tutorial sobre cómo crear una página separada para publicaciones de blog en WordPress.

Agregar enlaces personalizados a sus menús de navegación de WordPress

Además de las categorías y páginas, WordPress también hace que sea muy fácil agregar enlaces personalizados a su menú. Puede usarlo para vincular sus perfiles de redes sociales, su tienda en línea y / u otros sitios web de su propiedad..

Deberá utilizar la pestaña “Enlaces personalizados” en la pantalla del menú. Simplemente agregue el enlace junto con el texto que desea usar en su menú.

Agregar un enlace personalizado a Twitter al menú

Incluso puedes ser creativo y agregar íconos de redes sociales en tu menú.

Menú de redes sociales

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

Cuando agrega páginas o categorías a su menú de navegación personalizado, WordPress usa el título de la página o el nombre de la categoría como texto del enlace. Puedes cambiar esto si quieres.

Cualquier elemento del menú se puede editar haciendo clic en la flecha hacia abajo que está al lado..

Expandir un elemento del menú para editar su nombre

Puede cambiar el nombre del elemento del menú aquí. Aquí también puede hacer clic en “Eliminar” para quitar el enlace de su menú..

Si tiene problemas con la interfaz de arrastrar y soltar, también puede mover el elemento del menú haciendo clic en el enlace “Mover” apropiado.

Agregar menús de WordPress en barras laterales y pies de página

No tiene que limitarse a las ubicaciones de visualización de su tema. Puede agregar menús de navegación en cualquier área que use widgets, como su barra lateral o pie de página.

Simplemente ve a Apariencia »Widgets y agregue el widget “Menú de navegación” a su barra lateral. A continuación, agregue un título para el widget y elija el menú correcto de la lista desplegable “Seleccionar menú”.

Agregar un menú como widget de barra lateral

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

Ejemplo de menú de pie de página de WordPress - Syed Balkhi

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

Si desea crear un menú verdaderamente épico con muchos enlaces, tenemos un tutorial sobre cómo crear un mega menú en WordPress. Esto le permite crear un menú desplegable con muchos elementos, incluidas imágenes.

Vista previa del mega menú

Los mega menús son una excelente opción si tiene un sitio grande, como una tienda en línea o un sitio de noticias. Este tipo de menú es utilizado por sitios como Reuters, Buzzfeed, Starbucks, etc..

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me