Cómo integrar Bootstrap en Wordpress

¡Buenos días! En el vídeo de hoy vemos cómo integrar Bootstrap en WordPress de una manera muy simple y sin utilizar ningún plugin. ¡Vamos allá!

YouTube video

A continuación os dejo los enlaces y el código utilizado en el vídeo:

  1. Para obtener el enlace del archivo CSS: BootstrapCDN
  2. Para consultar la documentación de Bootstrap: Bootstrap Documentation

Os dejo aquí tanto la línea que sólo carga el Bootstrap como la función independiente, tal como lo hemos visto en el vídeo.

Así que para insertarlo en una función existente, utilizaremos este código:

wp_enqueue_style('bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');

Y para crear la función de cero, necesitaréis este de aquí:

function bootstrap_cdn () {
   wp_enqueue_style( 'bootstrap' , 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' );
}
add_action( 'wp_enqueue_scripts' , 'bootstrap_cdn');

Os recomiendo sacar la URL del archivo de Bootstrap desde su CDN y no desde aquí ya que es un archivo se va actualizando y puede que el que veáis aquí ya esté obsoleto.

Aviso: en el vídeo digo wp_enqueue_script pero es wp_enqueue_style, tal como os lo comparto aquí y como acabo escribiendo en el vídeo. Error mio 🙂

También te puede interesar

WordPress: Cómo cargar correctamente recursos CSS y JavaScript
WordPress: Cómo cargar y usar los iconos de Font Awesome
WordPress: Cómo añadir Google Fonts
WordPress: Cómo insertar el botón de suscripción a YouTube

¿Eres una agencia o diseñador y necesitas un servicio profesional de maquetación web?
Tu web maquetada pixel-perfect en tiempo record con las mejores prácticas de desarrollo y optimización de velocidad
Servicio maquetación web