A raíz de la duda de un alumno del curso de diseño y desarrollo de temas WordPress, he creado un nuevo episodio de La Batidora, donde aprenderás a integrar una barra de navegación de Bootstrap en tu tema de WordPress.
La dificultad reside en hacer funcionar correctamente los submenús y en este vídeo te muestro cómo lograrlo gracias al uso de un walker.
Con walker no me refiero a Chuck Norris en Walker Texas Ranger sino a uno de los parámetros de la función de WordPress: wp_nav_menu que nos permite mostrar menús.
Accede a todos los cursos y soporte del club
Suscríbete por 10€/mesDicho de forma simple un walker es una clase de WordPress, que permite a los desarrolladores definir con qué HTML debe mostrarse la estructura de árbol que se genera al anidar varias listas (menús y submenús).
Es por eso que si deseamos que nuestro menú de Bootstrap se comporte bien cuando utilizamos submenús, debemos utilizar un walker especial adaptado. Por suerte el desarrollador Edward McInytre creó dicha clase y la compartió en GitHub para que todos podamos usarla.
Por lo tanto, en este vídeo aprenderás:
- A incluir la barra de navegación con submenús de Bootstrap en tu tema de WordPress.
- [Extra] A añadir una clase especial a ciertos ítems del submenú.
Enlaces de interés:
- Documentación de la clase walker de WordPress.
- Documentación de la función de WordPress wp_nav_menu.
- Clase walker adaptada a Boostrap.
- Documentación de Navbar de Bootstrap.
¡Espero que te resulte útil!
PD: Te pido disculpas por los ladridos constantes de fondo de los queridos perros de mi vecino 🙂
