Cómo crear un menú lateral en Wordpress 2025 - Exyo

Si, igual que nosotros, tú también te comes la cabeza intentando escoger qué menú poner en Wordpress (y si piensas que todos son muy caros o muy feos), no busques más: te traemos el mejor tutorial de Wordpress para hacer un menú fácil, sencillo y lo más importante, bonito.

Nuestra propuesta:

Sí te ha gustado, te explicaremos cómo hacerlo paso a paso y de la manera más sencilla posible, para que puedas implementarlo en tu página ya mismo. Así que, sin más preámbulos, ¡empecemos!

Primero de todo, nos dirigimos al apartado de Apariencia > Menús.

Después escribimos el nombre de nuestro menú y lo creamos .

Una vez creado, se nos habilitará a la derecha la sección de «Añadir elementos al menú», desde donde podremos añadir al menú los elementos deseados usando los checkboxes. En mi caso, añadiré «inicio» seleccionándolo y haciendo clic sobre la opción situada justo debajo, que dice «Añadir al menú».

IMPORTANTE: Para que los cambios surtan efecto, debemos ir a «Ajustes del menú» y escoger dónde irá el menú. En este caso, seleccionaremos «cabecera» y haremos clic en «Guardar el menú» antes de abandonar la página.

Una vez guardado nuestro menú, nos dirigiremos a la sección de Plantillas > Mensajes emergentes.

Cuando estemos dentro, haremos clic en el botón de «Añadir nueva Ventana emergente» donde se nos desplegará el siguiente modal, que rellenaremos como se muestra en la siguiente imagen:

Una vez rellenemos el modal, haremos clic en «Crear plantilla» y nos abrirá el maquetador de Elementor, donde nos saltará una ventana emergente con plantillas. Descartaremos todas estas plantillas haciendo clic en la X situada en la parte superior derecha de la ventana emergente.

Una vez cerrado el modal, nos dirigiremos a los ajustes generales de la página a través del engranaje de ajustes. En versiones antiguas, estará situado en la parte inferior izquierda.

En versiones más actuales, estará situado en la parte superior central de la página.

En el siguiente paso tendremos que tener en cuenta parámetros bastante variables, en función del menú desplegable que pretendamos conseguir. En mi caso, aplicaré la configuración que se puede ver en la imagen. Lo pegaré a la derecha y aplicaré un ancho en ordenador de 500 píxeles, estableciendo una animación de entrada/salida con un slide y una duración de 0,6 segundos.

Esta parte es bastante adaptable, ya que existen varias animaciones de entrada y salida que se pueden aplicar, al igual que el intervalo de la animación. No recomiendo que esta supere los 0,8 segundos, ya que se vuelve muy tosca y engorrosa.

Una vez tengamos configurado esto, nos dispondremos a maquetar el menú lateral a nuestro gusto. En mi caso, optaré por algo simple, ya que se trata de una explicación.

He escogido la siguiente configuración: 
*Configuración del contenedor

*Configuración del menú poniendo el tamaño de la letra a 50px

Como bien he dicho anteriormente, esta parte depende mucho del estilo de nuestra página, pero existen multitud de posibilidades. Aquí tenemos un ejemplo:

Una vez terminemos de maquetar, deberemos hacer clic en la opción de «Publicar» o «Guardar Cambios» y presionar 2 veces el botón de «siguiente» sin seleccionar nada. Por último, haremos clic en «Guardar y cerrar».

Una vez tengamos esto listo, solo quedará vincular nuestro menú con el botón que lo desplegará y contraerá. Para ello, debemos acceder a la plantilla del menú que ya hemos creado.

Aunque no es estrictamente necesario, utilizar plantillas para los menús es una buena práctica que te recomiendo encarecidamente. Esto te evitará tener que diseñar un menú distinto para cada página, facilitando tanto la edición como la creación, especialmente una vez te familiarices con el proceso.

Ya en el maquetador de temas. Introduciremos un botón con los siguientes estilos

Por último, el paso más importante. Vincularemos el botón de la siguiente forma: Iremos a la sección de «Contenido» y entraremos en el apartado «Enlace», donde pincharemos el botón de «Etiquetas dinámicas» y bajaremos hasta Acciones > Ventana emergente.

Haremos clic en «Ventana emergente» y nos abrirá una pequeña ventana de ajustes, la cual deberemos rellenar de la siguiente forma:

Una vez hecho esto, guardaremos los cambios. Así de fácil, ¡ya tenemos nuestro menú lateral completamente funcional!

¿Te ha gustado este post? Pronto introduciremos en la web nuestra newsletter para que estéis al tanto cada vez que subimos un nuevo post , así que estate atento/a para subscribirte y no perderte ningún post. Un saludo y nos vemos en el próximo post Patricia de Exyo se despide 😎.