ABC theming en Drupal7
0 recomendaciones466 vistas
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.
ABC theming en Drupal7
- 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