Crear un subtheme de bootstrap theme en drupal 8

En este artículo os voy a mostrar como crear un subtheme de bootstrap them en drupal 8 de esta manera empezamos nuestro propio theme desde cero con las clases y los templates de base que boostrap them nos provee.

De esta manera tendremos el poder de maquetación de boostrap en nuestro drupal 8, pudiendo hacer override de las plantillas.

Instalar el boostrap theme de drupal 8

Para poder hacer nuestro tema en drupal 8 y tener toda la potencia de bootstrap, la mejor manera manera correcta es crear un subtheme de boostrap them, con esto podremos hacer override de sus plantillas y modificar lo que queramos.

Vamos a tener que instalarnos el tema en nuestro drupal 8, aquí tenéis el enlace del tema oficial del boostrap them para drupal 8. Lo podéis descargar o instalar como queráis.

Una vez instalado os va a generar todos los archivos dentro de la carpeta themes de vuestro drupal.

Carpetas de boostrap theme en drupal 8
Carpetas de boostrap theme en drupal 8

Crear nuestro subtheme teniendo como base el boostrap theme

Vale, ahora toca crear nuestro theme, para ello y poder heredar todo el poder de boostrap tenemos que crear nuestro subtheme, vamos a ello.

Si os fijáis, en el theme de boostrap tenemos la carpeta src, dentro ya tenemos los subthemes preparaditos y configurados para que no tengamos que hacer nada, solo renombrar algunos archivos y listo.

boostrap theme src subtheme

Bien vamos a crear una carpeta llamada custom dentro de themes, para que esté bien organizado, y dentro de esta, copiamos la carpeta cdn, así…

custom subtheme drupal 8

Ahora toca renombrar todo a el nombre de nuestro theme, para ello habrimos la carpeta recien creada

custom subtheme drupal 8 bootstrap

Todo lo que pone THEMENAME lo cambiamos a “mythemename” yo lo voy a llamar “quabit”.

quabit boostrap subtheme drupal 8

Entramos en los archivos y modificamos también los nombres.

Con esto sería bastante para tener nuestro tema listo, ahora nos vamos al panel de administración de drupal 8 /admin/appearance.

subtema bootstrap drupal 8

Le damos a Set as default y ya lo tendremos funcionando.

Quieres saber como depurar y configurar tu tema para poder empezar a desarrollarlo, mira mi entrada donde explico como depurar un theme en drupal 8

 

 

 

About ignacio Farré

Técnico en programación web, amigo de MVC y experto en Drupal, Symfony, Prestashop y bootstrap.

Check Also

Como crear una página en drupal 8 y maquetar en un theme

Crear una página en Drupal 8 y maquetar en un template

Es muy fácil crear una página en drupal 8, pero lo interesante es poder maquetarla …

programar un bloque con drupal

Crear un bloque en drupal 8 y maquetar en un theme

Os voy a mostrar como crear un bloque en drupal 8 y lo mas importante, …

Theme_preprocess_hook

Acceder a los datos del usuario en drupal 8 y a su imagen – Clases File, Node y User

Acceder a los datos del usuario en drupal 8 es muy fácil, en este artículo …