Pregunta sobre Developing with WordPress de Wordpress:

Mi tema de arranque no carga bootstrap.js y la palanca de Navbar no funciona.

Un usuario pregunt贸 馃憞

Estoy desarrollando mi primer tema personalizado y parece que no consigo que se cargue bootstrap.js ni que el bot贸n de alternancia de la barra de navegaci贸n funcione. 驴Es este el c贸digo correcto?

//////////////////////////////////////////////////////////////////////////////
///  Load Bootstrap 4 CSS and Javascript
function bootstrapfour_scripts(){
    // Theme stylesheet
    wp_enqueue_style('bootstrap-style', get_template_directory_uri() . '/css/bootstrap.min.css', false, '4.4.1', 'all');
    // Theme Javascript
    wp_enqueue_script('bootstrap-script', get_template_directory_uri() . '/js/bootstrap.js', array('jQuery'), '4.4.1', true );
}

add_action('wp_enqueue_scripts', 'bootstrapfour_scripts');

////////////////////////////////////////////////////////////////////////////////

Este tema fue modificado hace 9 meses por.

(@pogeybait)

hace 9 meses

<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <!-- Brand and toggle button -->
    <a href="/">Home</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <!-- End -->
    <!-- Your website Links -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <?php
        wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'header-menu',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => '',
                'container_id'      => '',
                'menu_class'        => 'navbar-nav mr-auto',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'walker'            => new wp_bootstrap_navwalker())
        );
        ?>
    </div>
    <!-- End -->
</nav>

</div>

Esta respuesta fue modificada hace 9 meses por.

(@ alegremente)

hace 9 meses

La dependencia array(鈥榡Query鈥) Todos los casos deben ser menores array(鈥榡query鈥). En la llamada wp_nav_menu(), quitar el 'menu' par谩metro. El es 'theme-location' un par谩metro debe tener el mismo nombre que el registrado, para que el usuario pueda poner un men煤 en ese lugar. El tema no elige qu茅 men煤 o nombre se llama.

Hay muchos temas en el repositorio que usan bootstrap. Puede leer su c贸digo para averiguar qu茅 podr铆a estar haciendo de manera diferente. (Nunca lo us茅 yo mismo).

(@pogeybait)

hace 9 meses

Gracias Joy. Hice esos cambios y funciona ahora.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *