Como instalar Bootstrap en WordPress Español

Como añadir boostrap en wordpress

Añadir bootstrap en WordPress nos abrirá muchas posibilidades de personalización a nivel de estructura y estética en nuestra web echa con wordpress, no es muy complicado pero tienes que prestar atención.

Descargar Bootstrap WordPress

Lo primero de todo es tener un tema hijo creado en WordPress después ya podemos descargar bootstrap de la web oficial siempre descargar la versión mas reciente, una vez descargado vamos a nuestro hosting > cPanel > administrador de archivos.

poner bootstrap en wordpress 2019
Descargar Bootstrap

Buscamos la carpeta de nuestro tema por defecto los temas están la siguiente ruta:

plublic_html > wp-content > themes > Buscar el nombre del tema activo.

Una vez en la carpeta de nuestro tema, lo que vamos hacer es subir el archivos bootstrap descargado antes y después descomprimir desde el mismo administrador de archivos, tienen que quedar las carpetas css y js en la carpeta de nuestro tema activo.

Pegar código bootstrap archivo functions

Ahora vamos al archivo functions que también lo encontraremos en la carpeta del tema y le añadimos este código 👇 justo después de los comentarios.

como poner bootstrap en wordpress español
Añadir código bootstrap

// Incluir Bootstrap CSS
function bootstrap_css() {
wp_enqueue_style( 'bootstrap_css',
get_stylesheet_directory_uri() . '/css/bootstrap.min.css',
array(),
'4.1.3'
);
}
add_action( 'wp_enqueue_scripts', 'bootstrap_css');

// Incluir Bootstrap JS
function bootstrap_js() {
wp_enqueue_script( 'bootstrap_js',
get_stylesheet_directory_uri() . '/js/bootstrap.min.js',
array('jquery'),
'4.1.3',
true);
}
add_action( 'wp_enqueue_scripts', 'bootstrap_js');

Aquí os dejo el vídeo de todo el proceso para añadir bootstrap en WordPress

Sobre Marc Oliveras 192 artículos
Cuando no estoy atrapado en alguna red mirando videos de gatitos, escribo artículos que solucionan problemas.

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*