/ child theme

[Guía Práctica] Cómo crear un subtema Drupal?

Drupal es un administrador de contenido CMS que te pemite utilizar temas prediseñados por la comunidad. Para editar o modificar estas plantillas lo recomendable es crear un subtema y reescribir los archivos, hojas de estilo o funciones; de esta manera evitamos perder los cambios cuando actualicemos el tema principal.

En este guía vamos a utilizar el tema Bartik, sin embargo podría aplicarse para cualquier otro tema.

  1. Ubiquemos la carpeta /sites/all/themes/ y creamos un folder nuevo, podemos llamarlo bartik_sub.

  2. Creamos un archivo nuevo que se llame: “bartik_sub.info” con algun editor de texto.

  3. Ahora ubiquemos el archivo bartik.info del tema padre, normalmente se encuentra en: /themes/bartik/bartik.info y lo abrimos con algún edito de texto. Pongamos especial atención en las líneas:

name = Bartik description = A flexible, recolorable theme with many regions. core = 7.x
Estas líneas son muy importantes poque así le indicamos a Drupal los datos de nuestro tema; vamos a modificar estas líneas para que queden algo así;

name = Bartik Subtheme description = Un subtema de Bartik. core = 7.x base theme = bartik

Nota: atención en la línea 4, en ella le indicamos a Drupal cuál es el tema padre.

  1. Es requisito contar con al menos una hoja de estilos, para eso creamos una con el nombre bartik_sub.css (no importa el nombre, podría ser cualquiera); en esta hoja de estilos vamos a guardar nuestros propio código CSS.

Posteriormente en nuestro archivo bartik.info vamos a incluir la hoja de estilo que creamos ingresando la siguiente línea y guardamos:

stylesheets[all][] = bartik_sub.css

  1. Hasta el momento hemos realizado lo básico para crear un subtema para Drupal; sin embargo los temas cuentan con regiones, en los cuales se mostrarán los bloques o widgets de Drupal. Si analizamos el archivo original del tema, notaremos que están declarados justo después de las hojas de estilo:
regions[header] = Header regions[help] = Help regions[page_top] = Page top regions[page_bottom] = Page bottom regions[highlighted] = Highlightedregions[featured] = Featured regions[content] = Content regions[sidebar_first] = Sidebar first regions[sidebar_second] = Sidebar secondregions[triptych_first] = Triptych first regions[triptych_middle] = Triptych middle regions[triptych_last] = Triptych lastregions[footer_firstcolumn] = Footer first column regions[footer_secondcolumn] = Footer second column regions[footer_thirdcolumn] = Footer third column regions[footer_fourthcolumn] = Footer fourth column regions[footer] = Footersettings[shortcut_module_link] = 0
Inclusive cuenta con una directiva para definir la configuración de un módulo. Podemos copiar y pegar estas líneas en nuestro archivo bartik_sub.css para completar la creación de nuestro subtema.

Finalmente podemos activar nuestro tema hijo en el panel de control de nuestra instalación de Drupal.

Hasta el momento la carpeta del tema hijo se ve algo así:

subtema-bartik-drupal

subtema-bartik-drupal-admin

Ahora bien si deseamos reescribir algun archivo del template padre (por ejemplo: page.tpl) podemos copiar el archivo o archivos a la carpeta del subtema y hacer las modificaciones que deseemos (incluyendo los archivos de funciones que incluyen otros temas) sin preocuparnos por las actualizaciones al tema principal.

**Nota: Si realizas cambios en las plantillas base o templates específicos; y no ves los cambios. Vacía el cache de drupal en: ** `Inicio -> Administración -> Configuración -> Desarrollo -> Rendimiento`

1srael

Emprendedor Mexicano dedicado a la producción multimedia en mi región. Me gusta compartir mis ideas y colaborar en proyectos diversos. Si deseas colaborar no dudes en ponerte en contacto.

Read More