logo websastre disenadora web wordpress

Do not remove – Anchor for back to top button

Cómo crear menús en WordPress y usarlos en Elementor Pro

Cómo crear menus en WordPress y usarlos en Elementor Pro. ¡Los puedes ubicar dónde los necesites y son 100% estilizables!
Web-Sastre

Web-Sastre

Diseñadora Web WordPress
para empresas familiares y bloggers.

Divulgación de afiliados: Algunos de los enlaces de esta entrada son enlaces de afiliados. Esto significa que si pulsas en el enlace y haces una compra, recibiré una comisión sin ningún coste para ti. ¡Gracias por tu soporte! 

En esta entrada te cuento como crear menús en WordPress para luego usarlos en Elementor Pro con el Widget Nav Menu.

Gracias a este Widget, podremos crear y usar los menús que queramos, estilizarlos independientemente unos de otros y ubicarlos tanto el la cabecera, el pie o el cuerpo de la página web. Esto te va a dar una gran versatilidad en el diseño de la página web y vas a tener el control total del aspecto visual.

Además el Widget Nav Menu de Elementor Pro te permite hacer un diseño adaptable a los dispositivos móviles, pudiendo escoger cuando va a aparecer el menú hamburguesa y estilizarlo.

Tabla de contenido

1.

¿Cómo crear un menú en WordPress?

Antes de poder usar el Plugin Nav Menu de Elementor Pro, tenemos que crear los menús que vamos a necesitar.

Para crear un menú sigue los siguientes pasos:

como crear menus wordpress usarlos elementor pro pagina web blog escritorio
como crear menus wordpress usarlos elementor pro pagina web blog escritorio
como crear menus wordpress usarlos elementor pro pagina web blog crear nuevo menu
como crear menus wordpress usarlos elementor pro pagina web blog nombrar menu
como crear menus wordpress usarlos elementor pro pagina web blog estructura menu
como crear menus wordpress usarlos elementor pro pagina web blog estructura menu
como crear menus wordpress usarlos elementor pro pagina web blog estructura menu

Aquí hago un pequeño paréntesis. En Enlaces personalizados, puedes añadir un enlace que te lleve a una sección específica dentro de una página creada con Elementor. (en este caso no hace falta tener la licencia Pro del Plugin)

Para poder hacerlo, tienes que haber añadido el Widget Ancla de Menú en la página y darle un ID. Luego en los Enlaces personalizados, tienes que añadir la URL a la página seguida de /#nombre-del-id

como crear menus wordpress usarlos elementor pro pagina web blog widget ancla menu
como crear menus wordpress usarlos elementor pro pagina web blog widget ancla menu
como crear menus wordpress usarlos elementor pro pagina web blog widget ancla menu

2.

¿Cómo usar el Widget Nav Menu en Elementor Pro?

Poder usar el Widget Nav Menu es una de las grandes ventajas de Elementor Pro. Con este Widget ya no vas a depender del Tema para ubicar y estilizar los menús, tendrás 100% de libertad de edición. Si aún no lo tienes, puedes adquirirlo con el siguiente enlace y luego volver para continuar con el diseño del la página web:

Lo más común es usar el Widget Nav Menu en el Encabezado y en el Pie de la página web, aunque también lo puedes usar dentro del contenido de la página. Para usarlo en el encabezado y pie de página, lo tienes que hacer mediante las Plantillas de Elementor Pro. Si aún no estás suscrit@ al blog WordPress de web.sastre.com, al suscribirte te puedes descargar la Guía de iniciación de Elementor Pro, dónde te cuento como crear Plantillas y en concreto el encabezado:

como crear menus wordpress usarlos elementor pro pagina web blog widget nav menu
como crear menus wordpress usarlos elementor pro pagina web blog widget nav menu

Y si necesitas ayuda en la creación de tu página web o blog WordPress, no dudes en ponerte en contacto conmigo. Para ayudas puntuales tengo bolsas de horas muy prácticas que puedes usar cuando las necesites. O si quieres que sea yo tu diseñadora web WordPress, ¡cuéntame tu proyecto!

Compartir:
Share on facebook
Share on twitter
Share on pinterest
Share on linkedin
Share on email
Directamente en tu correo

Suscríbete a Web Sastre para recibir nuevas entradas, ofertas, novedades y conseguir la Guía iniciación Elementor Pro Gratis!

 

Loading

Utilizo cookies propias y de terceros para que navegues perfectamente por mi web. Si sigues utilizando este sitio asumiré que estás de acuerdo. Si quieres más info, visita mi política de cookies en el siguiente enlace: