Cómo crear Menús con Elementor PRO

Como hemos dicho en varias ocasiones, Elementor es uno de los complementos de WordPress más populares entre los diseñadores y desarrolladores web debido a su facilidad de uso y características altamente personalizables. Con Elementor, puedes crear una gran variedad de páginas, incluidas páginas de inicio, páginas de productos, páginas de servicios, y también puedes crear menús personalizados para tu sitio web.

En este artículo te explicamos cómo crear menús en WordPress fácilmente utilizando el plugin de Elementor.

¿Cómo crear un menú en WordPress?

El primer paso para crear menús en WordPress usando Elementor es instalar y activar el plugin. Esto se puede hacer desde el panel de administración de WordPress haciendo clic en «Plugins» en el menú principal, buscando «Elementor» y haciendo clic en «Instalar ahora». Después de la instalación, tendrás que hacer clic en «Activar» para habilitar el complemento.

El siguiente paso consiste en crear el menú. Para ello, debes hacer clic en “Apariencia” dentro del menú principal de WordPress y luego en el apartado de “Menús”. Una vez hayas entrado, solo tienes que pulsar en “Crear un nuevo menú” y cambiar su nombre. Finalmente, podrás añadir todos los elementos que quieras y guardar los cambios.

¿Cómo usar Nav Menu en Elementor Pro?

Una de las grandes ventajas de la versión de pago de Elementor es el widget de “Nav Menú”. Gracias a este elemento, no hay que depender de la plantilla para colocar el menú y tendrás completa libertad para personalizarlo.

Aunque lo más común es situar este elemento en el Header de la web, puedes ubicarlo en cualquier lugar. Simplemente tienes que arrastrar el widget de “Nav Menu” a la sección correspondiente, escoger el menú que quieres mostrar y personalizarlo a tu gusto.

Personalizar el widget de Menú en Elementor

Estilo del menú principal de Elementor

  • Tipografía: Aquí podrás configurar la tipografía del menú, como la fuente de letra, su tamaño, transformación, estilo, etc.
  • Ancho del puntero: Controla el ancho del puntero debajo de ti.
  • Relleno horizontal: Puede configurar el relleno horizontal alrededor del texto de los elementos del menú.
  • Relleno vertical: Establece el relleno vertical alrededor del texto de los elementos de tu menú.
  • Espacio entre: Esta opción te permitirá establecer el espacio entre cada elemento del menú.

Estilo del desplegable en menú de Elementor

Esta sección hace referencia a todo el menú en dispositivos móviles y al menú desplegable en escritorio:

  • Color del texto: Establece el color del texto.
  • Color de fondo: Aplica el color de fondo.
  • Tipografía: Establece la tipografía para el menú desplegable.
  • Tipo de borde: Selecciona un tipo de borde alrededor del menú desplegable, eligiendo: Ninguno, Sólido, Doble, Punteado, Discontinuo o Ranurado.
  • Ancho: Elige un ancho para el borde.
  • Color: Puedes establecer el color del borde desde aquí.
  • Radio del borde: Si quieres hacer que la esquina del borde sea redonda, puedes hacerlo.
  • Sombra de cuadro: También puedes agregar una sombra de cuadro para que se destaque un poco más.
  • Relleno horizontal: Aquí puedes configurar el relleno horizontal alrededor del texto de los elementos del menú.
  • Relleno vertical: También puedes configurar el relleno vertical alrededor del texto de los elementos del menú.

Estilo del botón de activación en el menú de Elementor

  • Color: Puedes establecer el color del botón de alternar desde aquí.
  • Color de fondo: Modifica el color de fondo del botón de alternar.
  • Tamaño: Aquí se puede controlar el tamaño del botón.
  • Ancho del borde: Puedes establecer el ancho del borde del botón de alternar desde aquí.
  • Radio del borde: Sirve para redondear la esquina del botón de alternar.

¿Por qué usar Elementor?

Crear un menú en WordPress con Elementor es un proceso fácil y sencillo que se puede hacer en unos pocos pasos. Al seguir este pequeño tutorial, podrás crear un menú personalizado para tu sitio web utilizando las opciones de personalización de Elementor. Con su flexibilidad y facilidad de uso, Elementor es una excelente herramienta para diseñar y personalizar sitios web de WordPress.

¿Quieres estar al día de todas las novedades?

Suscríbete a mi Newsletter con este pequeño formulario para no perderte ninguno de mis artículos.