Añadir Bootstrap en WordPress desde el functions.php

Ejemplo de código WordPress personalizado

Para añadir Bootstrap en nuestro tema de wordpress, podemos hacerlo sin usar ningún plugin ni editar el header de nuestro tema activo, en su lugar lo añadiremos en el functions.php de nuestro tema activo del WordPress.

Añadir bootstrap desde el functions.php del WordPress

/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* AÑADIMOS BOOTSTRAP y JQUERY                      */
/* ------------------------------------------------ */
/* ------------------------------------------------ */

function my_scripts() {
    wp_enqueue_style('bootstrap4', 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css');
    wp_enqueue_script( 'boot1','https://code.jquery.com/jquery-3.5.1.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot2','https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot3','https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot4','/wp-content/themes/generatepress_child/myscripts.js', array( 'jquery' ),'',true );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

 

Sigue leyendo

Contacto

¡Aquí empieza tu nuevo proyecto!

Si estás pensando en crear una página web o tienda online para tu negocio, o necesitas actualizar o modernizar lo que ya tienes, estamos aquí para ayudarte.