Cargando Bootstrap con wp_enqueue_style y wp_enqueue_script

6 feb 2016, 17:43:15
Vistas: 26K
Votos: 0

Estoy tratando de cargar Bootstrap en un tema en el que estoy trabajando, aunque no logro determinar cómo añadir el archivo JS que viene con Bootstrap. Ya creé una función que carga algunos de mis estilos personalizados y funciona muy bien. Después de descargar Bootstrap y mover el archivo a mi directorio del tema, agregué

wp_enqueue_style('bootstrap', get_template_directory_uri() . 'css/bootstrap.min.css');

No he probado eso así que no sé si funciona o no. Ahora solo necesito agregar el archivo bootstrap.min.js pero no logro determinar cómo, así que agradecería su ayuda.

Este es mi código hasta ahora

<?php 

function xobamax_resources() {

    wp_enqueue_style('bootstrap', get_template_directory_uri() . 'css/bootstrap.min.css');
    wp_enqueue_style('style', get_stylesheet_uri());


}

add_action('wp_enqueue_scripts', 'xobamax_resources');
0
Todas las respuestas a la pregunta 1
3

Aquí tienes...

function xobamax_resources() {
    wp_enqueue_style('bootstrap', get_template_directory_uri() . 'css/bootstrap.min.css');
    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js', array('jquery'), '3.3.4', true );
}
add_action('wp_enqueue_scripts', 'xobamax_resources');

He añadido la versión CDN, puedes reemplazarla con tu copia local. Te sugiero que leas más sobre wp_enqueue_script()

6 feb 2016 18:03:02
Comentarios

Bootstrap es un script incluido en el núcleo y no puedes enviar un tema usando una CDN. Esto es incorrecto.

User User
8 mar 2017 18:36:22

@Usuario Hermano, es tu propia elección... Puedo decirte cómo cocinar la cena pero no cómo comerla... Espero que entiendas mi punto.

Rituparna sonowal Rituparna sonowal
14 mar 2017 07:10:10

Si deseas que los estilos de la biblioteca se carguen antes que todos los demás estilos, y los estilos del tema se carguen después de todos los demás (con los estilos de los plugins en medio), debes usar dos funciones. La primera, con prioridad "9", se usará para cargar los estilos de la biblioteca, y la segunda, con prioridad "10", se usará para cargar los archivos del tema. Usar solo una función para cargar todo, en un tema, resulta en una situación donde los estilos de los plugins son los primeros en cargarse.

aldemarcalazans aldemarcalazans
2 jul 2021 20:31:25