Bootstrap Walker_Nav_Menu

En uno de los proyectos que estoy desarrollando para elevenwebs.com, todavía no publicado, www.loncher.es me he encontrado con un menú en el que se utiliza la clase wp_bootstrap_navwalker propia de los creadores de Twitter.

Para los que no conozcan Bootstrap os comento que es un Framework de desarrollo para maquetar webs pensando en móviles. Lo podéis conseguir aquí.

Volviendo al tema, generando el menú con bootstrap me he encontrado con ciertos inconvenientes, con lo cual no volveré a utilizar este menú por ahora, y que os comento.

De entrada, por defecto no se muestran submenús, con lo que he tenido que actualizar a la última review de la clase. Además, he tenido que realizar ciertos cambios en el CSS para que me muestre los menús en un lateral y no de manera superpuesta (óptimo para móviles).

Por otro lado, los menús padre de estos submenús, han dejado de disponer de sus enlaces, siendo substituidos estos por una almohadilla ‘#’ y no dirigiendo correctamente a su página.

Para solucionar este último punto he modificado la clase quedando de la siguiente manera:

Busca la siguiente línea y modificala este apartado para que wp_bootstrap_navwalker muestre el enlace de los menús principales y no tan solo los links de sus hijos.


//If item has_children add atts to a
if($args->has_children) {
                                $atts['href'] = $item->url;
$atts['class'] = 'dropdown-toggle';
$atts['data-toggle'] = 'dropdown';
                                $atts['data-target'] = $item->url;
} else {
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
}


Sé que muchos utilizan este framework de trabajo para maquetar webs, pero bajo mi humilde experiencia, no puedo decir que me entusiasme de momento la idea de trabajar con esta clase en futuros proyectos a corto plazo.

Veremos si mejoran en este aspecto.

De momento seguiré trabajando con Bones para montar las webs en WordPress.