Aprende a crear un menú desplegable en WordPress en menos de 15 minutos

Nov 18, 2021
admin

Un buen sistema de navegación es uno de los elementos más importantes detrás del éxito de un sitio web. Y, un menú desplegable es una manera fácil de lograrlo. Su sitio de WordPress puede tener un montón de información valiosa, pero si la navegación no es adecuada no sirve de nada. La gente tiende a alejarse. Un menú desplegable de WordPress resuelve este problema. Retiene a los visitantes y reduce la tasa de rebote.

La razón por la que mucha gente se aleja de los menús desplegables es que no saben cómo crearlos. Pero, es una tarea muy sencilla. Cualquiera puede hacerlo sin usar ningún código. No se requieren conocimientos técnicos para ello.

En este artículo, le proporcionaremos una guía paso a paso de un menú desplegable en WordPress. Hay capturas de pantalla junto con los pasos. Ir a través de los pasos una vez. Usted será capaz de un menú desplegable en su propio.

Beneficios de usar un menú desplegable en WordPress

Hay muchos beneficios de tener un menú desplegable en su sitio. En primer lugar, aporta un aspecto elegante a su página de inicio. Como suele aparecer en la parte superior de la página como una fila horizontal. Puede crear un sitio con un número mínimo de páginas. Puede estudiar el comportamiento de los visitantes a través de la forma en que hacen clic en las opciones de navegación. El menú desplegable también reduce el tiempo de depuración.

Aquí hay algunos beneficios clave de usar un menú desplegable:

Beneficios de usar un menú desplegable en un #sitio web de #WordPress. Click To Tweet

Flexibilidad

Una gran ventaja de usar un menú desplegable es que puedes incluir cualquier número de elementos. Un solo icono llevará todos los demás iconos ocultos debajo de él. No hará que su sitio de texto-pesado. Ya no tiene que preocuparse por el aspecto de la pantalla. Puede añadir un gran número de elementos y seguir teniendo un diseño mínimo.

Ahorro de espacio

Como bajo un icono puede añadir muchos elementos, ahorra espacio. Un menú desplegable es una gran opción si tienes muy poco espacio y muchos elementos útiles. Puedes ocupar mucha información en un espacio muy pequeño. Hace que su sitio sea fácil de usar, así como rico en información.

Navegación fácil

Cuanto más tiempo pasen tus visitantes en tu sitio, mejor para ti. Una mala navegación muchas veces irrita a los visitantes. Ellos tienden a cambiar a algún otro sitio. Con un menú desplegable, puede solucionar este problema. Tiene un sistema de navegación fácil. Retiene a los visitantes.

Facilidad de uso

Con un menú desplegable, puede organizar los elementos según su categoría o jerarquía. Le permite crear un orden. Puede establecer el orden teniendo en cuenta el comportamiento de navegación de sus visitantes. Deben sentir la necesidad de hacer clic en un menú principal. Después de eso, deben encontrar las cosas que desean allí. Esto hará que vuelvan a usted de nuevo.

Cómo crear un menú desplegable en WordPress

Paso 1: Elegir un tema de WordPress con soporte de menú desplegable

WordPress tiene un sistema de gestión de menús incorporado. Pero la visualización depende completamente del tema que está utilizando. Casi todos los temas de WordPress soportan menús desplegables. Pero, hay algunos que vienen con un sistema especial de gestión de menús. Estos temas ofrecen un gran número de características para crear y personalizar el menú.

Aquí hay algunos temas de WordPress que soportan el menú desplegable:

#Top 3 #WordPress #themes que soportan menú desplegable. Click To Tweet

Responsive Pro

Responsive Pro es un tema de WordPress responsive y multipropósito. Cuenta con un exclusivo sistema de gestión de menús. Uno puede crear fácilmente un menú desplegable utilizando características de arrastre &. Está optimizado para móviles y WooCommerce integrado. Hay tipografía avanzada y esquemas de color ilimitados. El tema tiene una velocidad de carga rápida. Es muy fácil de personalizar. Está disponible en $47.

Divi

Divi es un elegante tema de WordPress. Viene con un montón de características útiles. Tiene una función avanzada de creación de menús con opciones de arrastrar y soltar. Divi es un poderoso constructor de páginas. Tiene una opción visual de construcción y edición de páginas. Está disponible a 89 dólares.

Ocean WP

Ocean WP es un moderno tema de WordPress. Viene con un exclusivo sistema de gestión de menús. Uno puede crear un menú desplegable en ningún momento. El tema está optimizado para SEO y listo para el comercio electrónico. Es sensible y la traducción listo. Es un tema gratuito.

Astra

Astra es un tema de WordPress multipropósito. Es un potente constructor de mega menús. Es móvil optimizado y WooCommerce listo. Hay diseño personalizado, cabecera pegajosa y barra lateral dedicada. El tema tiene tipografía avanzada y opciones de color. Está disponible a 47 dólares.

Paso 2: Crear un menú de navegación en WordPress

El primer paso es crear un menú de navegación. Para ello, tienes que seguir los siguientes spets –

  • Ir a tu Dashboard de WordPress
  • Ir a Apariencia >> Página de menús
  • Hacer clic en el enlace «Crear un nuevo menú»

Ahora tienes que dar un nombre a tu menú. No será visible para nadie más que para ti. Este nombre le ayudará a identificar el menú en el área de administración de WordPress. Para dar el nombre, sigue estos pasos –

  • Aparecerá una caja en tu pantalla
  • Introduce un nombre en la caja
  • Pulsa el botón «crear menú»
  • Se crea un menú pero está vacío

Como el menú está vacío, el siguiente paso es añadir elementos al menú. Es muy fácil. Puede utilizar la función de arrastrar & y soltar. O bien, siga los siguientes pasos –

  • Añadir los enlaces superiores a su menú de navegación
  • Los elementos aparecerán en la fila de su menú
  • Seleccione los elementos que desea añadir
  • Haga clic en el botón «Añadir al menú»
  • Los elementos aparecerán en su menú

Paso 3: Añadir subelementos a un menú

Los subelementos son los elementos que aparecen dentro del menú desplegable. Puede añadirlos bajo cualquier elemento del menú. puede organizar el orden según su elección. Puedes añadir cualquier elemento bajo cualquier enlace padre. Todo depende de sus necesidades. Aquí, vamos a añadir subitems bajo el enlace del blog.

Para añadir subitems a su menú, siga estos pasos –

  • Seleccione los elementos de la columna de la izquierda
  • Haga clic en el botón «Añadir al menú»
  • Los elementos aparecerán en su menú ahora

Pero, estos elementos aparecerán ahora como elementos regulares. Tiene que convertirlos en subartículos. Esto no es en absoluto difícil. Todo lo que tenemos que hacer es arrastrar los elementos y colocarlos bajo un menú principal. Repita los pasos para todos los enlaces que desee que aparezcan bajo un menú principal. Ahora haga clic en el botón «Guardar menú».

Paso 4: Publica tu menú desplegable

Después de crear el menú, tienes que elegir la ubicación de visualización. Siga los siguientes pasos –

  • Mire la columna de la derecha
  • Vaya a la configuración del menú
  • Elija una opción junto a «Ubicación de visualización»
  • Haga clic en el botón «Guardar menú»

Su menú ya está listo. Visite su sitio web una vez para comprobar el menú desplegable en acción. Si funciona bien, ya está hecho.

Complementos de WordPress para ampliar la funcionalidad de tu menú desplegable

¿Quieres añadir más funcionalidades a tu #menú desplegable de #WordPress? Aquí tienes una lista de los #5 mejores #plugins para menús de WordPress. Click To Tweet

Max Mega Menu

Max Mega Menu es un plugin de menú de WordPress con muchas funcionalidades. Viene con la integración de WooCommerce y Easy Digital Downloads. Hay un editor de temas incorporado con 100+ opciones de personalización. Está construido en CSS3. Soporta múltiples menús con cada uno teniendo sus propias configuraciones. Los usuarios pueden crear un menú horizontal o vertical. El plugin viene en opciones gratuitas y premium.

Características

  • Submenús con pestañas
  • Menú pegajoso
  • Menú acordeón
  • Iconos personalizados
  • Personalización Item Styling

Precio – $29

UberMenu

UberMenu es un plugin de menú responsivo para WordPress. Viene con un sistema de rejilla completa con control de diseño individual. El plugin soporta submenús con pestañas. Es fácil de personalizar. Se ha mejorado la interfaz de usuario. Hay opción de integración automática para los temas.

Características

  • Diseños flexibles
  • Contenidos avanzados
  • Móviles-Optimizado
  • Generación dinámica de elementos
  • UI mejorada

Precio – $25

Hero Menu

Hero Menu es un plugin de menú profesional para WordPress. Viene con un sinfín de posibilidades. El plugin es sensible y flexible. Tiene un menú pegajoso avanzado. Está listo para instalar y fácil de usar. Cualquiera puede usarlo. No se requiere ningún conocimiento de codificación para esto.

Características

  • Arrastrar &Construcción de menús
  • 60 preajustes de color
  • Iconos gratuitos
  • WooCommerce Enabled
  • Mobile-Optimizado

Precio – $14

WP Mobile Menu

WP Mobile Menu es un moderno plugin de menú para WordPress. Viene con 2000+ iconos, 2 panel de menús responsivos y ajustes de color ilimitados. Con este plugin, los menús son visibles sólo para los usuarios registrados. Hay dos opciones de visualización diferentes. Slideout sobre el contenido y slideout empujar el contenido. El plugin está disponible en versiones gratuitas y premium.

Características

  • Iconos de la cesta del menú
  • Nivel de menú de 5 profundidades
  • Banner de cabecera
  • Menú de pie de página
  • Manus alternativos por página

Precio – $29

WP Responsive Menu

WP Responsive Menu es un plugin gratuito de WordPress para la creación de menús. Viene con un montón de características fáciles de usar. Tiene opciones para abrir o cerrar el menú con gestos simples de deslizamiento. Uno puede cambiar las animaciones de los iconos del menú según las necesidades de los sitios. El plugin está listo para usar y fácil de personalizar.

Características

  • Barra de búsqueda en el menú
  • WooCommerce integrado
  • Optimizado para móviles
  • Añadir logotipos & Iconos
  • Dos opciones de visualización

Precio: Gratuito

Resumen

Hemos tratado de darte una visión de cómo crear un menú desplegable en tu sitio web de WordPress. Espero que hayas encontrado los pasos útiles. Siguiendo los pasos mencionados anteriormente, puedes crear tu propio menú desplegable en pocos minutos. Pero, tienes que tener muy claro tu propósito. Conoce la mentalidad de tus visitantes. Trata de entender qué es lo que buscan en tu sitio. Y, en base a eso organice los elementos de su menú desplegable.
Si te ha gustado el artículo, no olvides compartirlo en Twitter. Puedes compartirlo en Twitter haciendo clic en el botón «Haz clic para tuitear» que aparece a continuación.

#Aprende a crear un #menú desplegable en #WordPress en menos de 15 minutos. Click To Tweet

Deja una respuesta

Tu dirección de correo electrónico no será publicada.