Subthemes Zen en Drupal

Drupal cuenta con un mecanismo que nos permite modificar el diseño de nuestro sitio web, basándose en temas. Los temas que trae por defecto son:

• bluemarine
• chamaleon
• garland
• pushbutton

Pero si quieren elaborar su propio diseño, ya sea por inspiración propia o basándose en un diseño previo, les recomiendo que usen un tema pensado para esa tarea.

Este es el caso del tema Zen, que según sus propios desarrolladores lo que busca es “tener un tema muy flexible, que cumpla con los estándares y semánticamente correcto”.

Características:

• Archivos CSS y PHP muy bien documentados.
• Un buen conjunto de clases e identificadores para ayudar a los desarrolladores de CSS.
• Las clases en el body incluyen items como "logged-in", "not-logged-in", "front", "not-front", asi como el tipo de nodo ("node-type-story", "node-type-blog", etc).
• Maquetación sin tablas con 1, 2 o 3 columnas de forma automática.
• Archivos layout.css independientes.
• Un archivo print.css para las versiones de impresión.
• Etc

Adicionalmente, este tipo de temas permiten el empleo de subthemes, que vienen a ser un subconjunto de plantillas que nos servirán de base para la elaboración de nuestro propio tema.

Pasos a seguir

A continuación describo los pasos necesarios para instalar un nuevo subtheme.

Descargar el theme zen desde http://drupal.org/project/zen, en el momento de escribir este artículo está disponible la versión 6.x-2.0.

Si todavia no lo han hecho deben crear la carpeta /sites/all/themes en el directorio donde tengan el drupal instalado.

Descomprimir el archivo y copiarlo dentro de /sites/all/themes quedando asi /sites/all/themes/zen

Dentro de la carpeta /sites/all/temes/zen encontramos una carpeta que se llama STARTERKIT que contiene los archivos base de nuestro nuevo subtheme.

Renombramos la carpeta STARTERKIT para que tenga un nombre más adecuado, en este ejemplo va a ser “mitema”, tendríamos entonces la siguiente estructura /sites/all/themes/zen/mitema

Renombramos el archivo STARTERKIT.info.txt que está dentro de /sites/all/themes/zen/mitema para que quede mitema.info

Abrimos el archivo archivo mitema.info y modificamos las siguientes lineas (este paso no es obligatorio pero puede ayudar a la hora de visualizar la lista de themes)

name = Zen Sub-theme Starter Kit
description = Read the <a href="http://drupal.org/node/629510">online docs</a> or the included README.txt on how to create a Zen sub-theme.

En esta parte podemos colocar el nombre y una pequeña descripción de nuestro theme, para el ejemplo sería algo como esto:

name = Mi tema Zen
description = Tema desarrollado por <a href=”digimania.com.co”>digimania.com.co</a>

Ahora abrimos el archivo template.php y reemplazamos STARTERKIT por mitema

Hacemos lo mismo en el archivo theme-settings.php

Finalmente activamos el nuevo theme ingresando a nuestro sitio drupal en la dirección www.example.com/admin/build/themes (reemplazando www.example.com por el dominio correspondiente).

Si todo ha salido bien deben ver un diseño en fondo blanco y letras negras, ideal para elaborar un nuevo theme.