Añadir Bootstrap en WordPress desde el functions.php

Tabla de contenidos

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' );

 

Picture of Jose Hilario
Jose Hilario
¡Apasionado del diseño web! Especializado en WordPress, WooCommerce y Elementor PRO. Me encanta diseñar páginas web atractivas y optimizadas para SEO. Mi objetivo: impulsar a las empresas con un diseño web atractivo y funcional.

Deja una respuesta

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

Relacionados: