Cómo añadir un menú de WordPress

Un menú de WordPress bien diseñado e intuitivo es una característica que mejora significativamente la experiencia del usuario. Hace que la navegación sea perfecta y describe claramente la estructura de tu sitio web.

WordPress proporciona varias herramientas que permiten a los usuarios crear menús funcionales y versátiles para sus sitios web. Esta guía profundizará en lo que es un menú de WordPress y cómo agregar un menú en un sitio de WordPress.

¿Qué es un menú en WordPress?

Un menú de navegación de WordPress es una sección del sitio web con enlaces a contenido importante. Permanece visible en todas las páginas y se encuentra en un área que los visitantes pueden detectar fácilmente. Además, un menú les ayuda a navegar entre las páginas y destaca las partes esenciales de tu sitio web.

Puedes crear fácilmente nuevos menús, reorganizar, añadir o eliminar elementos de menú y personalizar los existentes. También puedes crear submenús y menús desplegables.

Los menús pueden contener enlaces a diferentes tipos de contenido: páginas, publicaciones de blog, iconos de redes sociales, URL personalizadas y categorías de publicaciones.

Tu tema de WordPress define la ubicación del menú. Por defecto, la mayoría de los temas lo visualizan en la parte superior de la página. Sin embargo, muchos temas te permiten colocar menús secundarios en otras áreas, como el pie de página o la barra lateral.

¿Por qué deberías añadir un menú de navegación a tu sitio web?

Los estudios muestran que hay más de 1.900 millones de sitios web activos en todo el mundo. Con una competencia tan enorme, debes usar todos los trucos del libro para que tu sitio web se destaque del resto.

Un menú de navegación es una función que deja una gran impresión en tus visitantes y hace que su experiencia de usuario sea más fluida. Sirve como un mapa de ruta, guiando a tus visitantes a las secciones clave de tu sitio web. Usando el menú, los visitantes pueden navegar fácilmente a través de tu sitio web.

Además, un menú describe la estructura del sitio web que te ayuda a dividir el contenido en categorías relevantes. De esta manera, los usuarios no se sentirán perdidos y siempre encontrarán el contenido que les interesa.

Como resultado, un menú bien diseñado eleva la reputación de tu sitio web y ayuda a distinguir tu marca de la competencia.

Cómo crear un menú en WordPress

La creación y administración de menús se realiza desde el panel de WordPress. Para acceder a las opciones de los menús, accede al panel de control de tu sitio web y navega a la sección Apariencia > Menús.

Para crear tu primer menú, rellena los detalles en la sección Estructura del menú. Asigna un nombre en el campo Nombre del menú, selecciona la ubicación desde Ajustes del menú > Dónde se verá, y haz clic en Crear menú.

Para crear otro menú, usa el botón “crear un nuevo menú” que aparece en Editar menús después de haber creado el primer menú.

Cómo añadir un elemento de menú en WordPress

Puede que hayas notado que la sección izquierda Añadir elementos de menú estaba en gris antes de crear un menú. Eso es porque no había un menú al que añadir elementos.

Ahora que ya tienes un menú, esta sección está disponible. Por defecto, puedes elegir entre cuatro grupos de enlaces:

• Páginas – enlaces a páginas publicadas en tu sitio web. Más reciente muestra la última página que has publicado. Ver todo enumera todas las páginas publicadas.
• Entradas – te permite añadir enlaces para publicaciones publicadas. Al igual que en Páginas, puedes seleccionar la última entrada publicada desde Más reciente o ver una lista de todas las entradas desde Ver todo.
• Enlaces personalizado – puedes insertar un enlace URL a una página en el menú.
• Categorías – te permite añadir las categorías de tus publicaciones como elementos de menú. Desde la sección Más utilizadas, puedes ver la categoría con mayor número de publicaciones. Ver todo muestra todas las categorías.

Dependiendo del tema o los plugins que uses, tu sitio web puede contener grupos de enlaces adicionales.

Para seleccionar un elemento, expande uno de los grupos y marca la casilla junto a él. Puedes añadir varios elementos del mismo grupo marcando sus respectivas casillas.

Alternativamente, puedes elegir Seleccionar todo para seleccionar todos los elementos del grupo. Una vez que hayas hecho tu elección, haz clic en Añadir al menú.

Los elementos seleccionados aparecerán como pestañas uno debajo del otro en la Estructura del menú a la derecha. Cada pestaña lleva el nombre del elemento e indica el tipo de enlace: página, publicación, enlace personalizado o categoría. Para guardar los cambios, haz clic en el botón Guardar menú.

Puedes optar por añadir nuevas páginas de nivel superior al menú automáticamente. En Ajustes del menú, marca la casilla Añadir páginas automáticamente – Añadir automáticamente nuevas páginas de nivel superior a este menú.

Cómo editar un menú en WordPress

Puedes editar los menús existentes desde la misma sección del panel en el que los creaste – Apariencia > Menús. Si has creado varios menús, selecciona el menú que deseas editar de la lista desplegable Elige el menú que quieras editar y presiona Seleccionar.

Los elementos del menú se cargan en la sección Estructura del menú. Puede añadir nuevos elementos o reorganizar, eliminar, renombrar y modificar los elementos existentes.

Cómo eliminar un elemento de menú

En caso de que necesites eliminar uno o varios enlaces de un menú, presiona el botón Selección por lotes, que habilita las casillas de verificación delante de cada elemento. Marca los elementos que deseas eliminar y haz clic en Eliminar los elementos seleccionados. Para confirmar el cambio, presiona el botón Guardar menú en la esquina inferior derecha.

Cómo cambiar el orden de los artículos

Reorganizar el orden de los elementos es tan simple como arrastrarlos y moverlos. El orden actual está representado visualmente por el orden de arriba hacia abajo que ves en la Estructura del menú.

Para mover un elemento hacia arriba o hacia abajo, simplemente haz clic en él y mantén pulsado el botón del ratón. Luego, arrástralo para empujar los otros elementos, colócalo en la posición preferida y suelta el botón. Para confirmar el nuevo pedido, haz clic en Guardar menú.

Cómo cambiar la ubicación del menú

El tema de WordPress activo determina la ubicación del menú. Como mínimo, la mayoría de los temas proporcionan dos ubicaciones de menú: primario y secundario.

Por lo general, la ubicación principal se coloca en la parte superior de tus páginas, mientras que la ubicación secundaria está en la sección inferior. Sin embargo, algunos temas presentan varias otras opciones: el área del pie de página, la barra lateral, fuera del canvas, etc.

Una vez que selecciones el menú, puedes cambiar la ubicación desde Ajustes del menú > Dónde se verá. Verás las ubicaciones predeterminadas del menú del tema, y puedes elegir una o varias posiciones para el menú seleccionado marcando las casillas correspondientes. Al igual que con cualquier edición, confirma los cambios con el botón Guardar menú.

Puedes editar simultáneamente la ubicación de todos los menús existentes desde la pestaña Gestionar ubicaciones en la sección Apariencia > Menús.

La columna Ubicación en el tema enumera las ubicaciones de menú predefinidas para el tema. En la columna Menú asignado, puedes ver una lista desplegable que muestra el menú que se muestra en la ubicación respectiva. Elige el menú de cada ubicación y confirma con el botón Guardar cambios.

Cómo crear un menú desplegable en WordPress

Los menús desplegables son menús de varios niveles que consisten en elementos principales en el menú principal y elementos secundarios que se muestran cuando pasas el ratón por encima de un elemento principal. También se denominan menús anidados.

Son una solución perfecta cuando quieres incluir más elementos pero mantener tu menú principal limpio y organizado. En lugar de abarrotar tu menú principal con todos los elementos, puedes agrupar los elementos que comparten un rasgo común y anidarlos en un elemento principal.

Crear menús desplegables es bastante simple en WordPress. En la sección Apariencia > Menús, ve a Estructura del menú, donde se enumeran los elementos del menú.

Haz clic en el elemento que deseas anidar y mantén pulsado el botón del ratón. Colócalo un poco a la derecha debajo del elemento principal y suelta el ratón. El elemento anidado se etiquetará como subelemento y se insertará debajo del elemento principal.

También puedes crear varios niveles anidando un elemento debajo de un elemento ya anidado. Para confirmar la nueva estructura, presiona el botón Guardar menú en la misma página.

A continuación, puedes ver cómo aparece el menú desplegable en las portadas.

Si deseas mover un elemento del menú hacia atrás, simplemente haz clic en el elemento y mantén pulsado el botón del ratón. Luego, arrastra la pestaña del elemento a la izquierda hasta que coincida con los otros elementos del nivel superior y suelta el ratón.

Alternativamente, puedes hacer clic en la flecha en la pestaña del artículo y seleccionar Sacar de debajo de [el artículo principal].

Cómo añadir categorías de menú

Si tienes un blog, añadir categorías de entradas a tu menú puede ayudar a los visitantes a navegar por los diversos temas y encontrar publicaciones más fácilmente.

Puedes añadir categorías como cualquier otro elemento del menú. En Apariencia > Menús, selecciona el menú y desde Añadir elementos al menú, elige Categorías.

Desde la pestaña Más utilizadas, puedes ver la categoría con el mayor número de publicaciones. Ver todo muestra todas las categorías existentes. También puedes buscar una categoría con la pestaña Buscar.

Marca las casillas de las categorías que quieras añadir y presiona Añadir al menú. Se mostrarán como elementos en el menú en Estructura del menú.

Luego puedes reorganizarlos como cualquier otro elemento. Por lo general, las categorías están anidadas en un elemento principal que combina varias categorías.

Cómo añadir enlaces personalizados a un menú de WordPress

Aparte de las páginas, publicaciones y categorías de tu sitio web, los menús de WordPress también pueden contener enlaces personalizados a direcciones externas. Puedes añadir un enlace a otro sitio web de tu propiedad, un perfil de redes sociales, tu tienda online, etc.

Para añadir un enlace personalizado, ve a Apariencia > Menús y elige el menú. En la sección Añadir elementos al menú, selecciona Enlaces personalizados y rellena el formulario. Escribe la dirección del enlace en el campo URL. En Texto del enlace, escribe la etiqueta de navegación del enlace que aparecerá en el menú.

Pulsa el botón Añadir al menú, ordena el enlace en el menú y confirma el cambio con Guardar menú.

Cómo añadir un menú a la barra lateral o al pie de página

Las ubicaciones del menú están predeterminadas por el tema que estás utilizando. Por lo general, hay un par de opciones: añadir el menú en la parte superior (encabezado) o en la parte inferior de las páginas.

Algunos temas cuentan con ubicaciones adicionales, como la barra lateral o el pie de página. Pero incluso si tu tema no los admite, aún puedes agregar tu menú a estas áreas a través de widgets.

Ve a Apariencia > Widgets desde tu panel de WordPress y selecciona la barra lateral o el área de pie de página.

Pulsa el botón Alternar insertador de bloques (signo +) y, en el grupo Widgets, selecciona el Menú de navegación. WordPress creará el widget de menú en el área que elijas.

Selecciona uno de tus menús existentes de la lista desplegable en Elegir el menú. Opcionalmente, puedes añadir un Título que aparece encima del menú. Confirma los cambios con el botón Actualizar.

A continuación se muestra un ejemplo de cómo aparece el menú en el pie de página y la barra lateral.

Cómo añadir un menú en el Editor del sitio completo (FSE)

WordPress 5.9 introdujo un nuevo método para editar la apariencia de tu sitio web llamado Edición del sitio completo.

Te permite crear la presentación de tu sitio web desde cero directamente en el editor de Gutenberg Block. Usando bloques, puedes crear un menú personalizado en WordPress sin esfuerzo.

La edición completa del sitio está en fase de prueba, por lo que es compatible solo con algunos temas. Hasta ahora, la función funciona con los temas nativos de WordPress TwentyTwentyTwo y TwentyTwentyThree.

Puedes saber si tu tema es compatible con la edición completa del sitio cuando vas a la sección Apariencia. Las subsecciones estándar Personalizar, Widgets, Menús, Fondo y Editor de archivos de tema desaparecerán. En su lugar, verá la única opción Editor. Al hacer clic en él, se carga el Editor de bloques de Gutenberg, donde puedes personalizar el aspecto de tu sitio web.

Dentro del editor de bloques, haz clic en la sección de la página donde quieras colocar el menú. Pulsa el botón Alternar insertador de bloque (signo +) en la esquina superior izquierda o el botón Añadir bloque (signo +) en la esquina inferior derecha de la sección resaltada.

La barra lateral izquierda se expandirá, mostrando todo tipo de bloques. Haz clic en la pestaña Bloques, y desde la sección TEMA, selecciona Navegación.

El editor creará un bloque para el menú donde puedes añadir tus enlaces. Inicialmente, habrá un solo espacio con el texto Añadir un enlace. Haz clic en él y, en la caja de herramientas emergente, selecciona Enlace. Aparecerá otra ventana, donde puedes añadir una URL o buscar una página, publicación o categoría en tu sitio web. También puedes usar la función Transformar para convertir el elemento del menú en una barra de búsqueda, ícono social o logotipo del sitio.

Una vez que hayas añadido el elemento de menú, puedes repetir el proceso y crear más elementos. Pasa el cursor sobre el bloque del menú para resaltarlo y presiona el botón Añadir un bloque en su esquina derecha. Luego, selecciona Enlace de la caja de herramientas emergente y añade el enlace deseado.

Una vez que hayas creado el menú, puedes modificar su configuración. La barra lateral derecha del editor es la sección Configuración . Si está oculto, haz clic en el icono Configuración para expandirlo. Proporciona opciones contextuales según el bloque seleccionado. Para asegurarte de que estás editando el menú, haz clic en el menú para resaltarlo y presiona la pestaña Bloquear en Configuración.

Aquí, puedes cambiar la justificación del menú en la página, la orientación (vertical u horizontal), el color y tamaño de la fuente, el color de fondo y otras configuraciones.

También puedes insertar uno de tus menús creados previamente en el bloque en lugar de construir un menú desde cero. Para hacerlo, en la sección Configuración, abre la lista desplegable de Menú y selecciona uno de tus menús existentes.

Algunos consejos para finalizar

En resumen, un menú bien diseñado y funcional es crucial para tu sitio web, elevando la experiencia del usuario. Hace que la navegación sea perfecta y te ayuda a dirigir la atención de los visitantes a las secciones esenciales de tu sitio web.

En este sentido, WordPress acomoda varias herramientas para crear menús ricos y funcionales sin esfuerzo.

Finalmente, aquí tienes algunos consejos a tener en cuenta al elaborar tus menús.

Haz que tu menú sea fácil de detectar

No importará lo bueno que sea tu menú si los visitantes no lo notan. La práctica más común es colocar tu menú en la sección superior (encabezado) de tu página web. De esta manera, el menú será una de las primeras cosas que los visitantes verán cuando visiten tu sitio web. También puedes colocar menús en la barra lateral y en el pie de página para enfatizarlos.

Usa colores y diseños que distingan el menú de las otras partes de tu sitio web.

Presta atención al orden del menú

Los usuarios tienden a centrarse en el primer y último elemento de una lista. Por lo tanto, debes marcar los enlaces esenciales del sitio web en estas posiciones en tu menú. Coloque los enlaces menos significativos en el medio. Como práctica común, coloca la sección Contactos en último lugar.

Mantén solo los enlaces esenciales en el menú principal

Un menú abarrotado puede abrumar a tus visitantes con demasiada información. Ellos no se molestarían en leerlo y dejarían tu sitio en breve. Mantenga su menú principal al mínimo, con solo las secciones más importantes enumeradas. Si quieres incluir más elementos, usa menús desplegables.

Usa títulos descriptivos para los elementos del menú

Evite el uso de títulos de enlaces genéricos que no contengan información valiosa. Usa títulos descriptivos que resuman el propósito de cada sección. Por ejemplo, nombra el enlace de tu tienda en línea “Tienda” o “Shop”.