[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í;

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

4) 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:

5) 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

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.

Deja un comentario


4 − = tres