¿Quiere 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.
Contents
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 estructuran su sitio y ayudan a los visitantes a encontrar lo que buscan. Así es como se ve el menú de navegación en MundoCMS:
WordPress facilita la adición de 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 múltiples 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 pie de página o un menú de navegación móvil.
Video tutorial
Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.
Para crear un menú de navegación, debe visitar el Apariencia »Menús página en su panel de administración de WordPress.
Primero, debe proporcionar un nombre para su menú, como «Menú de navegación superior», luego haga clic en el botón «Crear menú». Esto expandirá el área del menú y se verá así:
Luego, puede elegir qué páginas desea agregar al menú. Puede agregar automáticamente todas las páginas nuevas de nivel superior o seleccionar páginas específicas de la columna de la izquierda. Primero, haga clic en la pestaña «Mostrar todo» para ver todas las páginas de su sitio. Después de eso, haga clic en la casilla 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ú».
Una vez que se agregan sus páginas, puede moverlas arrastrándolas y soltándolas.
Notar: Todos los menús tienen sus elementos enumerados en una lista vertical (de arriba a abajo) en el Editor de menús. Cuando subes el menú a tu sitio, se muestra vertical u horizontalmente (de izquierda a derecha), según la ubicación que selecciones. La mayoría de los temas tienen varios lugares diferentes donde puede colocar menús. En este ejemplo, estamos usando el tema 2020 predeterminado, 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ú».
Consejo: Si no sabe 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 desee utilizar todas las ranuras, pero es posible que desee utilizar más de una. Aquí está nuestro menú terminado en el sitio:
Los menús desplegables, a veces llamados menús anidados, son menús de navegación con elementos de menú principal y secundario. Cuando pasa el cursor sobre un elemento principal, todos los elementos secundarios aparecerán debajo en un submenú. Para crear un submenú, arrastre un elemento debajo del elemento principal y luego arrástrelo ligeramente hacia la derecha. Hicimos esto con 3 subelementos en « Servicios » en nuestro menú:
Aquí está el submenú en vivo en el sitio:
Incluso puede agregar varias capas desplegables, de modo que su submenú pueda tener un submenú. Puede terminar sintiéndose un poco desordenado y muchos temas no son compatibles con los menús desplegables de varias capas. En este ejemplo, puede ver que ‘Diseño de logotipo’ (un elemento secundario de ‘Servicios’) tiene dos elementos secundarios propios.
Si está utilizando WordPress para administrar un blog, puede agregar las categorías de su blog como una lista desplegable en su menú de WordPress. Hacemos esto en MundoCMS:
Puede agregar categorías fácilmente a su menú haciendo clic en la pestaña Categorías en el lado izquierdo de la pantalla Menús. Es posible que también deba hacer clic en la pestaña «Mostrar 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ú normales en la parte inferior de su menú. Puede arrastrarlos y soltarlos en su posición. Vamos a poner todas estas categorías en el elemento del menú Blog.
¿Quiere tener una página de blog en su sitio 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.
Además de categorías y páginas, WordPress también facilita la adición de enlaces personalizados a su menú. Puede usarlo para vincular a sus perfiles de redes sociales, 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 con el texto que desea usar en su menú.
Incluso puede ser creativo y agregar íconos de redes sociales a su menú.
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. Puede cambiar esto si lo desea. Cualquier elemento del menú se puede cambiar haciendo clic en la flecha hacia abajo junto a él.
Puede cambiar el nombre del elemento del menú aquí. Aquí también es donde puede hacer clic en «Eliminar» para eliminar por completo 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» correspondiente.
No tiene que limitarse a dónde se muestra su tema. Puede agregar menús de navegación en cualquier área que utilice widgets, como la barra lateral o el pie de página. Solo ve a Apariencia »Widgets y agregue el widget «Menú de navegación» a su barra lateral. Luego agregue un título para el widget y elija el menú correcto en la lista desplegable «Seleccionar menú».
Aquí hay un ejemplo de un menú de pie de página de WordPress personalizado creado en el sitio web de Syed Balkhi.
Si quieres hacer un menú realmente épico con muchos enlaces, tenemos un tutorial sobre cómo hacer un mega menú en WordPress. Esto le permite crear una lista desplegable con muchos elementos, incluidas imágenes.
Los megamenú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.
Estas son algunas de las preguntas más comunes que escuchamos sobre los menús de navegación de WordPress de los novatos.
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, debe hacer clic en la pestaña «Mostrar todo» en Páginas. Desde allí, debería ver su página de inicio.
Marque la casilla junto a «Inicio» y haga clic en «Agregar al menú». No olvide guardar sus cambios.
2. ¿Cómo agregar múltiples menús de navegación en WordPress?
En WordPress, puede crear tantos menús como desee. Para colocar un menú en su sitio web, deberá agregarlo a una de las ubicaciones del menú de su tema, o al área de widgets, como se muestra arriba. Para agregar varios 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 desde las ubicaciones de menú disponibles en su tema. Si desea agregar una nueva ubicación de menú a su sitio, consulte nuestro tutorial sobre cómo agregar menús de navegación personalizados a los temas de WordPress. Esperamos que este artículo le 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 menús de navegación en WordPress y cómo crear un menú de navegación flotante pegajoso en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
Originally posted 2021-02-24 16:49:48.
){kind=link}