problema con submenus boostrap a wordpress
-
Hola con todos soy nuevo por aquí y tengo un problema; hice una plantilla en boostrap y luego prara pasarla a wordpress tengu un pequeño problema no se como programarle los submenus.
este es el menu de mi plantilla…..HTML:
<nav class=»navbar navbar-default»>
<div class=»container-fluid»>
<!– Brand and toggle get grouped for better mobile display –>
<div class=»navbar-header»>
<button type=»button» class=»navbar-toggle collapsed» data-toggle=»collapse» data-target=»#bs-example-navbar-collapse-1″ aria-expanded=»false»>
<span class=»sr-only»>Toggle navigation</span>
<span class=»icon-bar»></span>
<span class=»icon-bar»></span>
<span class=»icon-bar»></span>
</button>
</div>
<div class=»collapse navbar-collapse» id=»bs-example-navbar-collapse-1″>
<ul class=»nav navbar-nav»>
<li class=»active»>Inicio <span class=»sr-only»>(current)</span>- Nosotros
- Texto 1
- Texto 2
- Texto 3
- Texto 4
- Texto 5
- Noticias
- Galerias
- Texto 1
- Texto 2
- Texto 3
- Texto 4
- Texto 5
- Contactenos
<li class=»dropdown»>
Areas intitucionales<span class=»caret»></span>
<ul class=»dropdown-menu»><li class=»dropdown»>
Servicio Ciudadano<span class=»caret»></span>
<ul class=»dropdown-menu»><form action=»» class=»navbar-form navbar-right» role=»search»>
<div class=»form-group»>
<input type=»text» class=»form-control» placeholder=»Buscar…»>
</div>
</form>
</div>
</div>
</nav>
Lo que hice con mi plantilla worpress.esto coloque en mi hoja de funciones:
PHP:
register_nav_menus(array(‘menu’ =>’Menu superior’,’menu_footer’ =>’Menu inferior’ ) );
y en la planatilla de la cabecera coloque
HTML:
<nav class=»navbar navbar-default»>
<div class=»container-fluid»>
<div class=»navbar-header»>
<button type=»button» class=»navbar-toggle collapsed» data-toggle=»collapse» data-target=»#bs-example-navbar-collapse-1″ aria-expanded=»false»>
<span class=»sr-only»>Toggle navigation</span>
<span class=»icon-bar»></span>
<span class=»icon-bar»></span>
<span class=»icon-bar»></span>
</button>
</div>
<div class=»collapse navbar-collapse» id=»bs-example-navbar-collapse-1″>
<?php wp_nav_menu(
array(
‘container’=>false,
‘items_wrap’=>'<ul class=»nav navbar-nav» id=»menu-top»>%3$s’,
‘theme_location’=>’menu’
));?>
<form role=»search» method=»get» class=»navbar-form navbar-right search-form» action=»<?php echo home_url( ‘/’ ); ?>»>
<div class=»form-group»>
<span class=»screen-reader-text»><?php echo _x( ‘Search for:’, ‘label’ ) ?></span>
<input type=»search» class=»form-control search-field» placeholder=»<?php echo esc_attr_x( ‘Buscar…’, ‘placeholder’ ) ?>» value=»<?php echo get_search_query() ?>» name=»s» title=»<?php echo esc_attr_x( ‘Search for:’, ‘label’ ) ?>» />
</div>
</form>
</div>
</div>
</nav>
me muestran los menus. Pero los Submenus no me los reconoce.
Como podria hacer para que me los reconoscan….
-
Para implementar un menú bootstrapp a una plantilla WordPress hay que seguir unos pasos:
- Lo primero descargar el archivo wp-bootstrap-navwalker del usuario twittem, y pegarlo en la raiz de tu theme
- Abrir tu archivo functions.php y añadir:
// Register Custom Navigation Walker require_once('wp_bootstrap_navwalker.php');
- Por último añadir tu nuevo menú en header.php (puedes modificarlo a tu gusto):
<?php wp_nav_menu( array( 'menu' => 'menu', 'theme_location' => 'menu', 'depth' => 2, 'container' => 'div', 'container_class' => 'collapse navbar-collapse navbar-ex1-collapse', 'container_id' => 'bs-example-navbar-collapse-1', 'menu_class' => 'nav navbar-nav navbar-right', 'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 'walker' => new wp_bootstrap_navwalker()) ); ?>
Siguiendo estos pasos ya deberías tener tu menú hecho con bootstrap perfectamente implementado en WordPress!
- El debate ‘problema con submenus boostrap a wordpress’ está cerrado a nuevas respuestas.