Cómo agregar un menú de navegación en WordPress

Cómo agregar un menú de navegación de WordPress

¿Cómo se agrega un menú de navegación de wordpress? Antes de ver cómo agregar un menú de navegación de WordPress, primero comprendamos la función del menú de navegación en su sitio.

El papel del menú de navegación

El menú de navegación o simplemente el menú, es una característica del tema de WordPress. Permite a los usuarios crear menús de navegación utilizando el editor de menú incorporado, ubicado en el área de administración de WordPress en el menú lateral. Apariencia / Menú.

Los menús de navegación permiten a los diseñadores de temas permitir a los usuarios crear sus propios menús personalizados. El menú predeterminado mostrará solo las páginas actuales de WordPress. WordPress admite varios menús, por lo que un tema puede admitir varios menús de navegación (por ejemplo, menús de encabezado y menús de pie de página). Los usuarios pueden agregar publicaciones, páginas y enlaces personalizados a un menú usando la función de arrastrar y soltar. Los usuarios también pueden agregar clases CSS a los elementos del menú y puede cambiar su apariencia agregando estilos personalizados.

Los tipos de menú de navegación más populares que puede agregar a su sitio son:

  1. Menú horizontal
  2. Menú vertical
  3. Mega menú (recomendado para tiendas en línea)
  4. Menú de pie de página

1. Menú horizontal

2. El menú Vertical

3. Mega menú (recomendado para tiendas en línea)

Menús de navegación de WordPress

WordPress viene con un sistema de menú de navegación fácil para que los usuarios novatos creen y administren menús. La ubicación de los menús puede variar de un tema a otro. Casi todos los temas de WordPress vienen con al menos una ubicación de menú. Algunos temas de WordPress vienen con múltiples ubicaciones de menú para adaptarse a sitios más complejos.

Creando el primer menú de navegación personalizado

Puede crear menús en WordPress visitando Apariencia / Menús en su área de administración de WordPress.

Esto te llevará a la pantalla. Menú de edición, que se divide en dos columnas. La columna de la izquierda contiene páginas, categorías y pestañas personalizadas. La columna de la derecha es donde agrega y ajusta los elementos del menú.

Proporcione un nombre para su menú, p. Ej. “Menú principal”Y luego haga clic en el botón de menú Crear. Esto expandirá el área del menú y se verá así:

Como puede ver en la captura de pantalla, nuestro sitio de demostración tiene dos ubicaciones donde puede agregar el menú, principal y social. Los nombres de las ubicaciones y las ubicaciones difieren de un tema a otro.

Ahora debe seleccionar las páginas que desea agregar al menú. Puede hacer esto seleccionando las páginas enumeradas a la izquierda y haciendo clic en el botón Agregar al menú.

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

No se preocupe si no está seguro de la ubicación de cada menú en su sitio. Visite el sitio para ver el menú en acción. Si no le gusta, siempre puede cambiar la ubicación en el menú.

Organizar elementos en un menú de navegación personalizado

Probablemente haya notado que cada elemento de menú que ha agregado está organizado en el orden en que lo ha agregado. Por ejemplo, “Página de inicio, Cómo agregar una página” y “Página de muestra” aparecen al final. No se preocupe, puede reorganizar fácilmente los elementos en el menú de navegación de WordPress en el orden que desee.

Simplemente arrastre y suelte un elemento del menú para reorganizar su posición en el menú.

Repita el proceso para crear nuevos menús para otras ubicaciones que agregará a su sitio.

Creando menús desplegables en WordPress

Los menús desplegables, también conocidos como menús desplegables, son menús de navegación con elementos de menú principal y secundario. (consulte el artículo “Cómo agregar una categoría en WordPress”, para comprender el papel de padre – hijo). Estos menús suelen estar dibujados por temas de WordPress, por lo que cuando un usuario pasa el mouse sobre un elemento principal, todos sus submenús se muestran instantáneamente.

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

En la estructura del menú, arrastre el elemento del menú justo debajo del elemento principal. Luego, arrastre suavemente el elemento del menú hacia la derecha. Notará que se convertirá automáticamente en un elemento de submenú.

Puede agregar varias capas de subelementos para crear menús de navegación profundamente anidados. Sin embargo, es importante tener en cuenta que no todos los temas aceptan menús de varias capas. La mayoría componen hasta 2 capas.

Agregar categorías a los menús de WordPress

Si usa WordPress para ejecutar un blog, puede agregar las categorías de su blog en el menú desplegable de WordPress.

De forma predeterminada, WordPress proporciona una forma más fácil de agregar páginas y categorías en la columna de la izquierda a la pantalla del editor de menús.

Comience haciendo clic en la pestaña Categorías para expandirla. Verá las categorías de blogs enumeradas allí. Simplemente seleccione las categorías que desea agregar al menú, luego haga clic en el botón Agregar al menú.

Notará que las categorías aparecerán como elementos de menú debajo de la columna de estructura del menú. Al igual que las páginas, puede arrastrarlas y soltarlas para organizar su posición en el menú. En este ejemplo, dibujamos casi todas las categorías para que aparezcan como submenús en nuestro sitio de prueba.

Agregar enlaces personalizados en los menús de navegación de WordPress

Vimos lo fácil que es agregar categorías y páginas. ¿Qué sucede si desea agregar un enlace a su perfil de redes sociales o para otra ubicación? Ahora es el momento de utilizar la opción de enlaces personalizados.

Simplemente haga clic en la pestaña del enlace personalizado en la columna de la izquierda para expandirla. Notarás que solo tiene dos campos. El primer campo es para la URL donde deberá agregar el enlace de destino. El segundo campo está etiquetado con el texto en el que agregará el texto de anclaje para el enlace.

P.ej :

Primer campo, URL: https://communitywordpress.club/

El segundo campo, la comunidad de WordPress

Nota: Es importante comenzar todas las URL con http: // o https: //. De lo contrario, los enlaces se romperán y no conducirán a ninguna parte.

Editar un elemento de menú en un menú de navegación de WordPress

Cuando agrega páginas o categorías al menú de navegación personalizado, WordPress usa automáticamente el nombre de la página o el nombre de la categoría como texto del enlace. Eso no significa que no pueda cambiarlo.

Todos los elementos del menú se pueden editar simplemente haciendo clic en la flecha hacia abajo junto a un elemento del menú.

Aquí puede cambiar el título del menú de navegación o el texto del enlace. También puede agregar un atributo de título al enlace. No olvide hacer clic en el botón Guardar el menú para guardar los cambios antes de revisar su sitio

Eliminar un enlace de un menú de navegación de WordPress

Puede eliminar un enlace de la misma manera que lo edita. Simplemente haga clic en el icono de flecha hacia abajo junto a un elemento del menú y verá un enlace rojo Eliminar. Al hacer clic en él, el enlace se eliminará del menú de navegación de WordPress. Guardar el menú para que su configuración surta efecto.

Comprender las ubicaciones temáticas de los menús de navegación

Los menús de navegación son una característica del tema de WordPress. Su visualización está completamente controlada por el tema de WordPress. El área de administración solo proporciona una interfaz de usuario para agregar y administrar estos menús.

Los temas de WordPress tienen al menos una ubicación temática para el menú de navegación. Sin embargo, algunos temas pueden tener múltiples ubicaciones temáticas, como el tema que utilicé al escribir este artículo, que tiene dos ubicaciones temáticas principales.

Nota:
También es importante tener en cuenta que los nombres de estas ubicaciones de menú pueden variar de un tema a otro. En un tema se le puede llamar menú principal y en otro tema se le puede llamar encabezado. Se basa en las preferencias de los desarrolladores.

Además de las ubicaciones de menú designadas por temas, también puede agregar un menú de navegación en la barra lateral y otras áreas donde puede agregar widgets de tema.

Puede agregar menús a las barras laterales mediante widgets. Solo ve a Apariencia / Partes y agrega el widget Menú personalizado de la lista de widgets disponibles en una barra lateral.

Luego, debe proporcionar un título para el widget y seleccionar uno de los menús personalizados de la lista desplegable menú de selección. Finalmente, haga clic en el botón Guardar para guardar la configuración del widget.

Ahora puede visitar su sitio web para ver el menú personalizado que se muestra en su barra lateral.

Conclusión

Aprendí a agregar un menú en wordpress, aprendí a crear el primer menú personalizado. Vimos cómo organizamos los elementos en un menú de navegación personalizado. Ahora sabemos cómo hacer menús desplegables y cómo agregar categorías de wordpress al menú. Agregue un enlace externo, edite un elemento, elimine un elemento, comprenda las ubicaciones temáticas y agregue un menú de navegación de la barra lateral con un widget.

Este artículo es un poco largo, creo que fui bastante explícito y entendiste fácilmente cómo agregar un menú de navegación de WordPress. Para asegurarme de que comprende cómo agregar un menú en wordpress, hice un video en el que me veo exactamente como en este artículo.

Una adición a este artículo: agregue títulos al menú de WordPress sin iniciar sesión en una página

Compartir con tus amigos:

Deja un comentario