ABC theming en Drupal7

567 views

Published on

Charla presentada en el Drupal Camp Centroamericano Panamá 2012 acerca de los principios básicos del theming en Drupal 7.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
567
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

ABC theming en Drupal7

  1. 1. EL A, B, C, DELTHEMING EN DRUPAL 7 Por Jorge Ram
  2. 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 veremosTodos los recursos del theming ya que el “tema” esextenso.
  3. 3. ¿Que es un Tema en Drupal?Un tema es una colección de archivos quedefinen una estructura visual y que enconjunto generan una representación denuestro sitio hecho con Drupal.
  4. 4. ¿Cuáles son estos archivos?.info.css.js.tpl.php.png, .jpg, .gif
  5. 5. ¿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.
  6. 6. Temas Contribuidos(Contributed themes) VS.Temas Personalizados(Customized themes)
  7. 7. VS.ii
  8. 8. Instalar Temas ContribuidosA.- Instala el tema de tu preferencia a través de la interface de D7o de manera “tradicional”.B.- Activa el Tema y selecciónalo para que sea el tema pordefault.C.- Configura las opciones del tema de acuerdo a tusnecesidades y... ¡ Listo así de simple !
  9. 9. Tipos de Temas ContribuidosEnd User Themes Starter Themes Colorable Themes HTML5 Themes Admin Themes
  10. 10. ● SKINNER: SKINNERSe encarga de hacer las hojas de estilos.● VISUAL EFFECTS BUILDERS:Son aquellos profesionales que programan en javascript,jquery ademas de css.● THEMING ARCHITECTSEspecialistas en la configuración de módulos, no siempremanejan css o js.
  11. 11. ● FRONT DEVELOPERSProfesionistas completos, además de todo lo anterior soncapaces de programar la líneas de código que necesitan.
  12. 12. Principio básicoNo “hackeamos” el Core nitampoco algun otro módulo en Drupal En lugar de eso Usamos Hooks y Override .tpl
  13. 13. 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 deDrupal.C.- Crear o modificar css y override tpl.php, template.php –utilizando hooks y/o theme functions.
  14. 14. Recursos para ThemingDrupal:● Theme Developer● Cotributed Modules: Views, Panels, DS, ImageCache, etc● http://drupal.org/documentation/themeExternos:● Fire Bug● Color picker, entre otros.
  15. 15. GraciasAXAI @jeyram7 jorgeram@axai.com.mx

×