Crear un tema Bootstrap en Drupal 8

Imagen
Herramientas de dibujo en una mesa

Muchas veces cuando desarrollamos un nuevo diseño web, utilizamos el framework frontend Bootstrap como base. Vamos a crear un tema bootstrap y lo haremos utilizando el tema base de Drupal 8 creado para ser utilizado como base con este framework frontend, como todo, puede asustar un poco, pero veremos que realmente es muy sencillo, básicamente consiste en descargar el tema, copiar un kit de inicio y renombrarlo.

Descargar y crear el tema Bootstrap:

El primer paso, es descargarnos el tema base de Bootstrap para Drupal 8, a la hora de escribir este texto, no existe una versión final para Bootstrap 4 a si que lo haremos con Boostrap 3.

Descargar Bootstrap

Una vez tengamos el tema descomprimido, veremos que tiene muchas carpetas, nos centramos en una llamada "starterkits" y copiamos en que necesitemos, en este ejemplo vamos a copiar el kit CDN para empezar:

Bootstrap Drupal 8 starterkits

Lo copiaremos dentro de /themes/custom/ poniéndole el nombre que queramos, tenemos que renombrar todos los archivos, incluyendo el contenido de los archivos, tendremos que buscar bien y sustituir todo el texto que encontremos llamado "THEMENAME" por el nombre de nuestro tema, ademas renombrar el archivo "THEMENAME.starterkit.yml" a "nireneko.info.yml" en caso de que nuestro tema se llame "nireneko".

Archivos del tema base bootstrap de Drupal 8 renombrados.

Cuando lo tengamos todo renombrado, ya podremos ver nuestro tema listado y preparado que lo activemos en la pagina de temas (/admin/appearance).

Bootstrap listado

Ahora ya lo podremos activar y configurar la CDN desde la configuración de los temas (/admin/appearance/settings) para que automáticamente nos descargue Bootstrap, por defecto ya viene configurado para que descargue de la CDN de JS Delivr.

Configuracion CDN Bootstrap

Podemos configurar la CDN que queramos si en el desplegable "CDN Provider" seleccionamos "Custom", entonces podremos poner los enlaces a la CDN que queramos usar.

Finalizando:

Con esto ya tenemos nuestro tema bootstrap listo para que podamos comenzar con su desarrollo. Tenemos que tener varias cosas en cuenta si utilizamos Bootstrap 3, y es que tendremos que usar la versión 3.3.7 (la ultima al momento de escribir este articulo) ya que Drupal 8 desde la 8.4 viene con JQuery 3.x, y versiones anteriores a la 3.3.7 no con compatibles con esa versión de JQuery.

Para finalizar os dejo el tema generado para que lo tengáis como ejemplo.