jueves, marzo 28, 2024
No menu items!
InicioBlogs¿Qué son los menús en WordPress? (Cómo editar, agregar y usarlos)

¿Qué son los menús en WordPress? (Cómo editar, agregar y usarlos)

Los menús permiten que los diseñadores de temas le permitan a usted, el usuario, crear sus propios menús personalizados. mientras que el menú predeterminado simplemente enumerará las páginas actuales de WordPress.

WordPress admite varios menús, lo que permite que los temas admitan más de un área de navegación, algunos ejemplos de los cuales serían el menú de encabezado y pie de página.

Puede agregar páginas, publicaciones y enlaces personalizados a un menú utilizando la funcionalidad de arrastrar y soltar. Además, para el usuario más avanzado, puede agregar clases CSS a sus elementos de menú y cambiar la apariencia agregando estilos personalizados.

¿Qué son los menús en WordPress?

Los menús le permiten presentar la estructura de su sitio web a los visitantes. Estos menús de navegación ayudan a los usuarios a encontrar información y navegar a través de varias áreas diferentes de su sitio de WordPress. Dado que estos menús juegan un papel crucial en un sitio web, normalmente se colocan cerca del encabezado en la mayoría de los temas de WordPress.

menús-2

Tipos de menús en WordPress

El sistema de menú de navegación incorporado facilita a los principiantes crear y administrar menús en WordPress. Sin embargo, la ubicación de los menús puede variar de un tema a otro.

Casi todos los temas de WordPress en estos días vienen con al menos una ubicación de menú. Algunos temas vienen con múltiples ubicaciones de menú para acomodar sitios de WordPress más complejos.

Hay diferentes tipos de menús en WordPress, como menús simples, menús desplegables, mega menús (excelentes menús, pero son ideales para sitios grandes con mil millones de bytes de contenido) y menú de pie de página. También puede crear un menú para su blog personal, en cuyo caso generalmente se agregan categorías y subcategorías como navegación.

También puede incluir la navegación del sitio en el área preparada para widgets como las barras laterales en WordPress.

Ahora que la pregunta “¿qué son los menús en WordPress?” está aclarado, voy a mostrarle con qué facilidad puede editar, agregar y usar estos menús de navegación en WordPress.

¡Empecemos!

Crear un menú de navegación personalizado

Para crear menús en WordPress, primero debe visitar Apariencia> Menús desde el área de administración.

🔥 Leer:  Cómo hacer un boomerang en Snapchat [Updated 2022 ]

Una vez que estés en el Editar menús pantalla (dividida en 2 columnas), la columna izquierda tendrá sus categorías, páginas y pestaña de enlaces personalizados, mientras que la columna derecha es donde agregará y ajustará los elementos de su menú.

Crear un menú de navegación personalizado 1

¡Ahora, creemos su primer menú personalizado!

Proporcione un nombre adecuado para su menú de navegación. En este ejemplo, voy a usar el nombre “Mi primer menú”.

A continuación, haga clic en el Crear menú botón: esto expandirá su área de menú, que se verá más o menos así:

crear-un-menú-de-navegación-personalizado-2

Como puede ver en la captura de pantalla anterior, el sitio web de “ejemplo” tiene tres ubicaciones temáticas denominadas primaria, secundaria y social. Tenga en cuenta que los nombres de ubicaciones y ubicaciones pueden variar de un tema a otro.

Ahora, seleccione las páginas que desea agregar al menú. Haga esto seleccionando las páginas que figuran en su lado izquierdo y presionando el Agregar al menú botón.

crear-un-menú-de-navegación-personalizado-3

Una vez que haya agregado páginas al menú, elija la ubicación del tema donde le gustaría mostrar el menú, luego presione el botón Guardar menú botón.

crear-un-menú-de-navegación-personalizado-4

No entre en pánico si no está seguro de dónde se encuentra cada una de las ubicaciones del menú en su sitio web. Simplemente visite el sitio web para ver su menú en acción. Si no le gusta cómo se ve, siempre puede cambiar su ubicación.

crear-un-menú-de-navegación-personalizado-5

Organizar elementos en su menú personalizado

¿Has notado algo?

¡Cada elemento de menú que agregó ahora está organizado en el orden exacto a medida que los agregó!

Por ejemplo, el enlace de la página Acerca de se muestra al final, mientras que el enlace de la página Contacto se muestra primero.

No te preocupes Esto se puede reorganizar fácilmente en el orden que desee. Simplemente arrastre y suelte un elemento del menú para ajustar su posición en el menú de navegación.

arreglando-articulos-en-su-menu-personalizado

Repita el mismo proceso para crear nuevos menús para diferentes ubicaciones de temas.

Crear menús desplegables anidados

Los menús desplegables también se conocen como menús anidados. Estos son menús de navegación con elementos de menú primarios y secundarios. Por lo general, están diseñados por temas de WordPress de una manera que cuando lleva el mouse a un elemento principal, se mostrarán todos sus submenús.

crear-menús-desplegables-anidados-1

La creación de menús desplegables le permite incorporar un sistema de navegación bien estructurado a su sitio de WordPress. Aquí se explica cómo agregar un elemento de menú como submenú en WordPress.

En la estructura del menú, arrastre el elemento debajo del elemento principal. Ahora, arrastre ligeramente el elemento hacia su derecha y verá que se convierte automáticamente en un elemento del submenú.

🔥 Leer:  ¿Cómo compartir un perfil de LinkedIn? (Guía)

crear-menús-desplegables-anidados-2

A continuación, puede agregar varias capas de subelementos para crear menús profundamente anidados. Pero es importante tener en cuenta que todos los temas de WordPress admiten menús de navegación anidados multicapa. La mayoría hace hasta dos capas.

crear-menús-desplegables-anidados-3

Agregar categorías a sus menús

Si está ejecutando un blog de WordPress, puede agregar fácilmente las categorías de su blog como un menú desplegable en el menú.

Por defecto, WordPress le brinda una manera fácil de agregar páginas y categorías desde la columna de la izquierda en la pantalla del editor de menús.

Haga clic en la pestaña Categorías. Cuando se expanda, verá sus categorías enumeradas allí. Simplemente seleccione las categorías de blog que desea agregar a su menú, luego haga clic en Agregar al menú botón.

Añadiendo-categorías-a-sus-menús-1

Verá que las categorías ahora se muestran como elementos de menú en la columna de estructura del menú. Similar a las páginas, puede arrastrarlas y soltarlas para organizar la posición en el menú. Aquí, he arrastrado todas las categorías para mostrarlas como elementos de submenú en el Blog.

Añadiendo-categorías-a-sus-menús-2

Agregar enlaces personalizados a sus menús

Agregar páginas y categorías es bastante simple, pero ¿qué sucede si desea agregar un enlace a sus redes sociales u otra ubicación? Esto es cuando la opción de enlace personalizado es útil.

Haga clic en el Vínculo personalizado pestaña en la columna de la izquierda. Una vez que se expande, notarás que solo contiene dos campos.

El primero es el URL. Aquí, insertarás el enlace real que deseas agregar. Y el segundo campo se llama Texto del enlace, donde agregará el texto de anclaje para el enlace.

agregando enlaces personalizados a sus menús

Nota: Es crucial que comience todos los enlaces con http: // o https: // para asegurarse de que sus enlaces no estén rotos.

Editar un elemento del menú

Cuando agrega categorías o páginas a su menú personalizado, WordPress usa automáticamente el nombre de la categoría o el título de la página como texto del enlace. Esto no significa necesariamente que nunca podrás cambiarlo.

Puede editar todos los elementos del menú presionando la flecha hacia abajo junto al elemento del menú que desea modificar.

edición de un elemento de menú

Aquí, podrá cambiar el título o el texto del enlace del menú. Además, puede agregar un atributo de título al enlace. Solo no olvides golpear el Guardar menú botón para almacenar los cambios antes de obtener una vista previa de su sitio.

Eliminar un enlace de sus menús

El proceso de eliminar un enlace es el mismo que los edita. Haga clic en el icono de flecha junto a cualquiera de los elementos del menú.

🔥 Leer:  Comandos y trucos de la consola Dysmantle

eliminar un enlace de sus menús

Entonces verás un rojo Eliminar enlace. Una vez que haga clic en él, WordPress eliminará el enlace de sus menús.

Comprender las ubicaciones de los temas para sus menús

Como mencioné anteriormente, los menús de navegación son una característica del tema de WordPress. Su apariencia y visualización están completamente controladas por su tema. El área de administración solo le brinda una interfaz de usuario para agregar y editar esos menús.

Por lo general, un tema de WordPress tendría al menos una ubicación de tema para los menús. Pero algunos temas pueden presentar más de una ubicación de tema, como el tema que utilicé al escribir esta publicación, que tenía tres ubicaciones de tema.

comprensión-ubicaciones-temáticas-para-tus-menús

Además, como se mencionó anteriormente, los nombres de estas ubicaciones de menú variarán de un tema a otro. Mientras que algunos lo llamarán primario, otro puede llamarlo encabezado. Está totalmente basado en la preferencia del desarrollador del tema.

Agregar menús en barras laterales y otras áreas listas para widgets

Además de las ubicaciones de menú designadas establecidas por su tema, también puede agregar menús en su barra lateral y otras áreas listas para widgets.

Por ejemplo, si observa la captura de pantalla a continuación, verá que el sitio web está utilizando menús para agregar sitios y enlaces sociales que les gustan en la barra lateral.

Añadiendo-menús-en-barras laterales-y-otros-widget-ready-areas-1

Puede agregar menús de navegación en sus barras laterales utilizando widgets. Visitar Apariencia> Widgets y añadir Menú personalizado de la lista de widgets disponibles a su barra lateral.

Añadiendo-menús-en-barras-y-otros-widget-ready-areas-2

A continuación, establezca un título para el encabezado del widget y elija uno de sus menús personalizados de la lista desplegable.

Finalmente, haz clic en Salvar botón para almacenar sus cambios.

Si visita su sitio ahora, verá que su menú personalizado se muestra en el widget de la barra lateral. En cuanto a los iconos sociales, algunos temas vienen con iconos de redes sociales preconstruidos en los menús. Además, puede usar complementos para agregar iconos en sus menús de navegación.

Terminando

Ahí vas. Espero que ya no estés confundido acerca de qué son los menús en WordPress y cómo crearlos y agregarlos en tu sitio web. Ahora, el siguiente paso es aprender sobre las barras laterales en WordPress y cómo puede aprovechar esta otra gran característica de WordPress.

¿Le ha resultado útil esta publicación?

Avíseme en los comentarios a continuación si tiene alguna pregunta o sugerencia sobre dónde y cómo usar los menús de WordPress, ¡me encantaría conocer su opinión sobre este interesante tema!

Recomendamos

Populares