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

¿Le gustaría 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 desplegables y más. En esta guía de paso por paso, le mostraremos cómo agregar fácilmente un menú de navegación de WordPress.

¿Qué es un menú de navegación? Un menú de navegación es una lista de enlaces que indican áreas importantes de un sitio web. Por lo general, se presentan como una barra de enlace horizontal en la parte superior de cada página en 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 WPBeginner:

WordPress hace que sea muy fácil agregar menús y submenús. Puede agregar enlaces a las páginas, categorías o temas más importantes, publicaciones de blog e incluso enlaces personalizados, como su perfil social. La ubicación exacta de su menú dependerá de su tema de WordPress. La mayoría de los temas tendrán más 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 también pueden incluir un menú secundario, un menú de sótano o un menú de navegación móvil.
Tutorial de video
Suscríbete a WPBeginner
Si prefiere instrucciones escritas, continúe leyendo. Creando su primer menú de navegación personalizado para crear un menú de navegación, debe visitar la página de apariencia »Menús del administrador de WordPress.

Primero, debe proporcionar un nombre para su menú, como el “Menú de navegación SUS”, luego haga clic en el botón “Crear el menú”. Esto ampliará el área del menú y se verá así: luego puede elegir las páginas que desea agregar al menú. Puede agregar automáticamente todas las nuevas páginas de nivel superior o seleccionar ciertas páginas en 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 al menú, luego haga clic en “Agregar al menú”.
Después de que se hayan agregado sus páginas, puede moverlas deslizándose y colocación.

Nota: Todos los menús tienen artículos enumerados en una lista vertical (de arriba a abajo) del editor del menú. Cuando coloque 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 varios lugares diferentes donde puedes poner menús. En este ejemplo, utilizamos el tema 2020 predeterminado, que tiene 5 ubicaciones diferentes.

Después de agregar páginas al menú, seleccione la ubicación en la que 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, luego acceda al sitio para ver cómo se ve. Probablemente no quiera usar todas las ubicaciones, pero es posible que desee usar más. Aquí está nuestro menú completo en el sitio:

La creación de menús desplegables en los menús de WordPress, a veces llamados menús vestidos, son menús de navegación con elementos de menú de padres e hijos. Cuando cruza el cursor sobre un elemento parental, todos los elementos de los niños aparecerán debajo de él en un submenú. Para crear un submenú, dibuje un elemento debajo del elemento principal y luego lo deslice ligeramente hacia la derecha. Hicimos esto con 3 sub -elementos en “Servicios” en nuestro menú:

Aquí están los submensos en vivo en el sitio:
Puede agregar aún más capas de lista de drop -down para que su submenú tenga un submenú. Esto puede llegar a ver un poco desordenado y muchos temas no aceptan menús desplegables de varias capas. En este ejemplo, puede ver que el “diseño del logotipo” (un elemento secundario de “servicios”) tiene dos elementos propios.

Agregar categorías a los menús de WordPress Si usa WordPress para ejecutar un blog, recomendamos agregar las categorías de su blog como un menú de bufanda en el menú de WordPress. Hacemos esto en WPBeginner:

Puede agregar fácilmente categorías a su menú haciendo clic en las categorías en el lado izquierdo de la pantalla de los 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ú, luego haga clic en el botón “Agregar al menú”.

Las categorías aparecerán como elementos de menú ordinarios en la parte inferior del menú. Puedes tirarlos y sujetarlos en posición. Pondremos todas estas categorías en el elemento del menú Blog.


¿Desea tener una página de blog en su sitio, separada de su página inicial? Si es así, consulte nuestro tutorial sobre cómo crear una página separada para publicaciones de blog en WordPress. Ajuste de enlaces personalizados a sus menús de navegación de WordPress Aparte de categorías y páginas, WordPress también hace que sea muy fácil agregar enlaces personalizados en su menú, puede usarlo. Para conectarse a sus perfiles sociales, su tienda en línea y / u otros sitios web que posee. Deberá usar la pestaña “Enlaces personalizados” en la pantalla del menú. Simplemente agregue el enlace con el texto que desea usar en su menú.

Incluso puede crear y agregar íconos de socialización al menú.

Edición o eliminación de un elemento de menú en los menús de navegación de WordPress Al agregar 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 de enlace. Puedes cambiar esto si quieres.
Cualquier elemento de menú se puede editar haciendo clic en la flecha hacia abajo al lado.

Aquí puede cambiar el nombre del elemento del menú. Además, aquí puede hacer clic en “Eliminar” para eliminar completamente el enlace del menú. Si está experimentando la interfaz deslizante y de arreglo, puede mover el elemento del menú haciendo clic en el enlace “Mover”. Agregar menús de WordPress a barras y sótanos no solo debe permanecer en las ubicaciones que se muestran para su tema. Puede agregar menús de navegación a cualquier área utilizando widgets, como barra lateral o sótano. Simplemente acceda a los widgets Look »y agregue el widget” Menú de navegación “a la barra lateral. Luego agregue un título para el widget y elija el menú correcto en la lista vertical “Selección del menú”.

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.
Los mega menús son una excelente opción si tiene un gran sitio, como una tienda o sitio de noticias en línea. Este tipo de menú es utilizado por sitios como Reuters, BuzzFeed, Starbucks, etc. Preguntas frecuentes sobre los menús de WordPress Aquí son algunas de las preguntas más comunes que escuchamos sobre los menús de navegación de WordPress.

1. ¿Cómo puedo agregar 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, deberá hacer clic en la pestaña “Ver todo” en las páginas. A partir de ahí, deberías ver tu página de inicio.

Marque la casilla junto a “Inicio” y haga clic en “Agregar al menú”. No olvides guardar tus cambios. 2. ¿Cómo puedo agregar más menús de navegación de WordPress? En WordPress, puedes crear cualquier menús que quieras. Para colocar un menú en su sitio web, deberá agregarlo a una de las ubicaciones de su menú temático o un área de widgets como mostré anteriormente. Para agregar más menús de navegación a su sitio de WordPress, primero cree los menús siguiendo nuestro tutorial anterior. Para colocarlos en su sitio, haga clic en la pestaña “Administrar ubicaciones”. Desde aquí, puede seleccionar el menú que desea mostrar en las ubicaciones del menú disponibles en su tema. Si desea agregar una nueva ubicación de menú. En su sitio, Vea nuestro tutorial sobre cómo agregar menús de navegación personalizados a los temas de WordPress. Esperamos que este artículo lo haya ayudado a aprender cómo agregar un menú de navegación de WordPress. También recomendamos que consulte a nuestras guías sobre cómo estilizar los menús de navegación de WordPress y cómo crear un menú flotante pegajoso en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.