Soporte » Diseño – Temas y plantillas » problema con submenus boostrap a wordpress

problema con submenus boostrap a wordpress

  • huayta333

    (@huayta333)


    hace 7 años, 9 meses

    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

      • <li class=»dropdown»>
      Areas intitucionales<span class=»caret»></span>
      <ul class=»dropdown-menu»>

    • Texto 1
    • Texto 2
    • Texto 3
    • Texto 4
    • Texto 5
    • Noticias
    • Galerias

      • <li class=»dropdown»>
      Servicio Ciudadano<span class=»caret»></span>
      <ul class=»dropdown-menu»>

    • Texto 1
    • Texto 2
    • Texto 3
    • Texto 4
    • Texto 5
    • Contactenos

      • <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….

Viendo 1 respuesta (de un total de 1)
  • Anaislab

    (@anaisberbel)

    hace 7 años, 9 meses

    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!

Viendo 1 respuesta (de un total de 1)
  • El debate ‘problema con submenus boostrap a wordpress’ está cerrado a nuevas respuestas.

Etiquetas del debate

Vistas