AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Principiantes » Cómo añadir el menú de navegación en WordPress (Guía para principiantes)

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

¿Desea añadir menús de navegación en su sitio WordPress? ¿Sabías que hay una interfaz de menú arrastrar y soltar muy fácil que te permite crear menús desplegables en WordPress? En esta guía paso a paso, le mostraremos cómo añadir un menú de navegación en WordPress.

Los menús de navegación le permiten presentar una estructura de sitio a sus usuarios. Ayudan a los usuarios a encontrar información y a navegar por las diferentes secciones de su sitio web. Dado que los menús de navegación son tan importantes, normalmente se colocan cerca del encabezado en la mayoría de los temas de WordPress.

Menús de navegación en WordPress

WordPress viene con un sistema de menús de navegación que facilita a los usuarios principiantes la creación y gestión de 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 acomodar sitios web más complejos.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Creación del 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 le llevará a la pantalla Editar menús que está dividida en dos columnas. La columna de la izquierda contiene la pestaña de páginas, categorías y enlaces personalizados. La columna de la derecha es donde usted agrega y ajusta los elementos del menú.

Vamos a crear su primer menú de navegación personalizado.

Proporcione un nombre para su menú, por ejemplo $0027Mi primer menú$0027 y luego haga clic en el botón de crear menú. Esto ampliará el área del menú y tendrá el siguiente aspecto:

Como puede ver en la captura de pantalla, nuestro sitio de demostración tiene tres ubicaciones temáticas etiquetadas como primarias, secundarias y sociales. Los nombres de los lugares y las ubicaciones varían de un tema a otro.

A continuación, debe seleccionar las páginas que desea agregar al menú. Puede hacerlo seleccionando las páginas que aparecen a la izquierda y haciendo clic en el botón Añadir al menú .

Después de añadir páginas al menú, seleccione la ubicación del tema donde desea que aparezca el menú y haga clic en el botón «Guardar menú».

No se preocupe si no está seguro de dónde se encuentra la ubicación de cada menú en su sitio. Puedes visitar el sitio web para ver el menú en acción. Si no te gusta, siempre puedes cambiar la ubicación del menú.

Organización de elementos en un menú de navegación personalizado

Probablemente notó que cada elemento del menú que agregó está organizado en el orden en que los agregó. Por ejemplo, el enlace acerca de su empresa aparece al final, mientras que el enlace de la página de contacto aparece primero. No te preocupes, puedes reordenar fácilmente los elementos de tu menú de WordPress en el orden que desees.

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

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

Creación de menús desplegables anidados en WordPress

Los menús anidados, también conocidos como menús desplegables, son menús de navegación con elementos de menú para padres e hijos. Estos menús suelen estar diseñados por temas de WordPress de tal manera que cuando un usuario lleva su ratón a un elemento superior, se muestran todos sus submenús.

La creación de menús anidados le permite añadir un sistema de navegación correctamente estructurado a su sitio. He aquí cómo puede añadir un elemento de menú como submenú en WordPress.

En su estructura de menú, arrastre el elemento de menú justo debajo del elemento padre. A continuación, arrastre ligeramente el elemento del menú hacia la derecha. Observará que se convertirá automáticamente en un elemento del submenú.

Puede añadir 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 admiten menús anidados de varias capas. La mayoría hace hasta 2 capas.

Adición de categorías a los menús de WordPress

Si estás usando WordPress para ejecutar un blog, entonces puedes añadir las categorías de tu blog como un menú desplegable en tu menú de WordPress.

Por defecto, WordPress proporciona una forma más fácil de añadir páginas y categorías desde la columna de la izquierda en la pantalla del editor de menús.

Empiece por hacer clic en la pestaña Categorías para expandirla. Verás las categorías de tu blog en la lista. Simplemente seleccione las categorías que desea agregar al menú y luego haga clic en el botón Agregar al menú.

Notará que las categorías aparecerán como elementos del menú en 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, hemos arrastrado todas las categorías para que aparezcan como elementos de submenú en el Blog.

Aquí está nuestro tutorial sobre cómo crear una página de blog separada en WordPress que es muy útil si quieres tener una página de inicio personalizada para tu sitio.

Adición de enlaces personalizados a los menús de navegación de WordPress

Aunque añadir categorías y páginas es fácil, ¿qué pasa si quieres añadir un enlace a tu perfil en las redes sociales u otra ubicación? Aquí es cuando puede utilizar la opción de enlace personalizado.

Simplemente haga clic en la pestaña de enlaces personalizados en la columna de la izquierda para ampliarla. Notará que sólo tiene dos campos. El primero es para la URL, donde tendrá que añadir el enlace real que desea añadir. El segundo campo se denomina texto de enlace, donde se agregará el texto del ancla para el enlace.

Nota: Es importante que inicie todos los enlaces con http:// o https://. Si no lo haces, entonces los enlaces se romperán.

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

Cuando usted agrega páginas o categorías a su menú de navegación personalizado, WordPress utiliza automáticamente el título de la página o el nombre de la categoría como el texto del enlace. Esto no significa que no pueda modificarse.

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 de navegación del menú o el texto del enlace. También puede añadir un atributo title al enlace. No olvide hacer clic en el botón de guardar el menú para guardar los cambios antes de previsualizar su sitio web.

Eliminar un enlace de los menús de navegación en WordPress

Puede eliminar un enlace de la misma forma en 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á de los menús de navegación.

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

Los menús de navegación son una característica temática en WordPress. Su apariencia y visualización es totalmente controlada por el tema de WordPress. El área de administración sólo proporciona una interfaz de usuario para agregar y administrar esos menús.

Los temas de WordPress suelen tener al menos una ubicación de tema para los menús de navegación. Sin embargo, algunos temas pueden tener más de una ubicación, como el tema que usamos al escribir este artículo, que tenía tres ubicaciones temáticas: primaria, secundaria y un menú social.

También es importante tener en cuenta que los nombres de estas ubicaciones de menú también pueden variar de un tema a otro. Mientras que algunos pueden llamarlo primario, otros pueden llamarlo encabezado. Se basa enteramente en la preferencia del desarrollador del tema.

Adición de menús de navegación en las barras laterales y otras áreas preparadas para widgets

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

Por ejemplo, si miras el sitio web de nuestro fundador, Syed Balkhi, está usando menús para añadir enlaces sociales y sitios que le gustan en su barra lateral.

Puedes añadir menús en tus barras laterales usando widgets. Simplemente vaya a Apariencia » Widgets y añada el widget del menú personalizado de la lista de widgets disponibles a una barra lateral.

A continuación, debe proporcionar un título para el encabezado del widget y seleccionar uno de sus menús personalizados de la lista desplegable del menú de selección. Por último, haz clic en el botón Guardar para guardar la configuración de tu widget.

Ahora puede visitar su sitio web para ver el menú personalizado que aparece en el widget de la barra lateral.

En cuanto a los iconos sociales, algunos temas pueden venir con iconos de medios sociales preconstruidos en los menús. Alternativamente, puede utilizar un plugin como Menu Social Icons para añadir iconos en sus menús de navegación.

Esperamos que este artículo le haya ayudado a aprender a añadir un menú de navegación personalizado en WordPress. También puede consultar nuestra guía sobre cómo cambiar el estilo de los menús de navegación en WordPress y cómo añadir iconos de imágenes con los menús de navegación en WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP