Este documento proporciona una introducción a los temas en Drupal 7. Explica que un tema consta de una colección de archivos que definen la estructura visual de un sitio hecho con Drupal, incluyendo archivos .info, .css, .js, .tpl.php y archivos de imagen. Los temas se usan para definir el diseño y maquetación de páginas, así como la presentación de elementos. El documento también discute temas contribuidos vs. personalizados e incluye consejos para crear un sub-tema personalizado.

1. EL A, B, C, DEL
THEMING EN DRUPAL 7
Por Jorge Ram

2. Que veremos en esta charla
● Un primer acercamiento a la estructura de un tema
en Drupal,
● Los elementos que lo integran
● Y algunas técnicas y ejemplos para hacerlo.
Que no veremos
Todos los recursos del theming ya que el “tema” es
extenso.

3. ¿Que es un Tema en Drupal?
Un tema es una colección de archivos que
definen una estructura visual y que en
conjunto generan una representación de
nuestro sitio hecho con Drupal.

5. ¿Cuáles son estos archivos?
.info
.css
.js
.tpl.php
.png, .jpg, .gif

7. ¿Para qué de un Tema en Drupal?
● Definir la estructura lógica de una o varias páginas.
(maquetación).
● Definir el layout y las regiones del sitio.
● Especificar las páginas de estilos, atributos, fuentes y gráficos.
● Especificar la presentación de imágenes o elementos gráficos.
● Sobreescribir (o cambiar) la salida de diferentes módulos.

8. Temas Contribuidos
(Contributed themes)
VS.
Temas Personalizados
(Customized themes)

9. VS.
ii

10. Instalar Temas Contribuidos
A.- Instala el tema de tu preferencia a través de la interface de D7
o de manera “tradicional”.
B.- Activa el Tema y selecciónalo para que sea el tema por
default.
C.- Configura las opciones del tema de acuerdo a tus
necesidades y...
¡ Listo así de simple !

11. Tipos de Temas Contribuidos
End User Themes
Starter Themes
Colorable Themes
HTML5 Themes
Admin Themes

13. ● SKINNER:
SKINNER
Se encarga de hacer las hojas de estilos.
● VISUAL EFFECTS BUILDERS:
Son aquellos profesionales que programan en javascript,
jquery ademas de css.
● THEMING ARCHITECTS
Especialistas en la configuración de módulos, no siempre
manejan css o js.

14. ● FRONT DEVELOPERS
Profesionistas completos, además de todo lo anterior son
capaces de programar la líneas de código que necesitan.

15. Principio básico
No “hackeamos” el Core ni
tampoco algun otro módulo
en Drupal
En lugar de eso
Usamos Hooks
y
Override .tpl

16. Creando un Custom Theme
(SUB-THEME)
A.- Definir .info : tema base, nombre, maquetación, etc.
De acuerdo a los requerimientos.
B.- Configurar los elementos necesarios en la plataforma de
Drupal.
C.- Crear o modificar css y override tpl.php, template.php –
utilizando hooks y/o theme functions.

17. Recursos para Theming
Drupal:
● Theme Developer
● Cotributed Modules: Views, Panels, DS, ImageCache, etc
● http://drupal.org/documentation/theme
Externos:
● Fire Bug
● Color picker, entre otros.

18. Gracias
AXAI @jeyram7
jorgeram@axai.com.mx