Plantillas en Drupal 6

3,609 views

Published on

Presentado en la Drupalcamp 2010 en Barcelona.

Podéis ver el vídeo de la misma aquí:
http://manueg.okkernoot.net/es/blog/201002/presentacion-sobre-plantillas-en-la-drupalcamp#comment-8272

Published in: Education, Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,609
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
65
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Plantillas en Drupal 6

  1. 1. Drupalcamp.es Plantillas, como tomar el control sin perder (mucho) pelo en el intento.
  2. 2. Sobre el presentador ¿Quién soy? ¿Qué hago? Manuel García ✔ Plantillas ✔ Autónomo ✔ Implementaciones ✔ Site builder ✔ Arquitectura de información ✔ Themer ✔ Consultoría ✔ Desarrollador front-end Autor de: Contacto ✔ views_accordion manueg.okkernoot.net ✔ darkblue drupal.org/user/213194 manuel.drupal@gmail.com
  3. 3. ¿Plantilla qué? Qué es: Qué no es: ✔ Encargada del markup ✗ Encargada de limpiar el (HTML). HTML de los módulos. ✔ Encargada de los estilos ✗ Encargada de deshacer el (CSS). CSS del desarrollador. ✔ Encargada del Javascript. ✗ Una varita mágica. ✔ Encargada del Layout ✗ Algo que se hace solo al general. final de un proyecto. ✔ Encargada de la ✗ Una oportunidad para distribución de bloques. ignorar al desarrollador.
  4. 4. ¿Donde juega un themer?
  5. 5. Theme Layer http://sheenadonnelly.net/blog/archive/2009/drupal-theme-layer-illustraiton
  6. 6. Como empezar.
  7. 7. Como empezar Hay tres posibilidades: 1.Usar una plantilla hecha 2.Empezar desde una plantilla base 3.Hacer tu propia plantilla
  8. 8. Usando una plantilla hecha A favor En contra ✔ Ya está hecho. ✗ Sin flexibilidad ✔ Ya está testado. ✗ Lo que hay es lo que ✔ Soportado por la hay. comunidad. ✗ Dependes de que la ✔ No te preocupas por persona que lo las actualizaciones. mantiene, lo haga correctamente.
  9. 9. Empezar desde una plantilla base A favor En contra ✔ Mayor flexibilidad. ✗ Mayor tiempo de implementación. ✔ Ya está testado. ✗ Quizás tengas que ✔ Soportado por la cambiar demasiadas comunidad. cosas. ✔ No te preocupas por ✗ Dependes de que la las actualizaciones. persona que lo mantiene, lo haga correctamente.
  10. 10. Hacer tu propia plantilla A favor En contra ✔ Flexibilidad total ✗ Máximo tiempo de ✔ No dependes de implementación. nadie. ✗ Las actualizaciones ✔ Menos tiempo son responsabilidad deshaciendo reglas tuya. de layout, etc.
  11. 11. OK, ¿como empiezo entonces? Como decidirse por una de las tres Dependerá de: ● Tus conocimientos de Drupal, CSS y HTML ● El tiempo que tengas para hacerlo ● El presupuesto ● Tus ganas de aprender ● Tu paciencia
  12. 12. Plantillas bases
  13. 13. Plantillas bases Tres formas de trabajar sobre una base. 1.Coger una, y hacerla tuya. 2.Escoger una como base, y hacer un subtema. 3.Utilizar una con sistema de grid.
  14. 14. Plantillas bases Cogiendo una y haciendola nuestra Mi preferida: Basic (Raincity Studios) http://drupal.org/project/basic ✔ Soporte nativo para Skinr ✔ Layout fácil de modificar ✔ Primero el contenido (SEO) ✔ Sistema genial para clases de body, etc
  15. 15. Plantillas bases Plantillas para hacer subtema de ellas Lo más usado: ZEN http://drupal.org/project/zen ✔ Muy documentado, ideal para aprender ✔ Muchas cosas ya prehechas ✔ Contenido primero (SEO) ✔ Sistema genial para clases de body, etc Otro interesante: Clean http://drupal.org/project/clean
  16. 16. Plantillas bases Plantillas con sistema de grid Se crean también subplantillas 960 grid system: http://drupal.org/project/ninesixty http://drupal.org/project/zen_ninesixty Blueprint http://drupal.org/project/blueprint
  17. 17. Estrategias de plantilleo
  18. 18. Estrategias de plantilleo Hay dos maneras a grandes rasgos: 1.Limpiando. 2.Corriendo.
  19. 19. Estrategias de plantilleo Limpieza Rapidez ● Intentar limpiar el ● Usar body, node html de core, views, classes cck ● Construir el CSS ● Intentar no cargar con el markup por ficheros CSS de defecto. modulos. ● No pierdes (tanto) ● Pierdes mucho pelo pelo
  20. 20. Estrategias de plantilleo Lo interesante es usar técnicas de ambas estrategias, y buscar el equilibrio ideal que requiera nuestro diseño...
  21. 21. Estrategias de plantilleo ✔ Eliminar markup en ciertos casos, por ejemplo: campos de CCK con poco contenido. ✔ Usar clases en el body que necesitemos. ✔ Usar un reset especial para módulos de Drupal.
  22. 22. Ficheros tepeeles
  23. 23. Ficheros tpls
  24. 24. Los tpls no vienen de París Los traen los módulos
  25. 25. Uso de ficheros tpls Adecuado Inadecuado ✔ Markup HTML (divs, ✗ Estilos inline spans, h1, etc). ✗ Javascript inline ✔ Clases e IDs de ✗ Lógica de PHP elementos ✗ PHP funcional ✔ <?php if ($foo): ?>
  26. 26. OK, sabemos que el markup de los tpls podemos tocarlo pero... y esos print $noseque que hay dentro?
  27. 27. Las variables Las variables.... ● Son culpa de los desarrolladores (por meter cizaña). ● Podemos alterarlas, ignorarlas, destruirlas, o sustituirlas.
  28. 28. Crear nuestras variables Para crear nuevas variables en nuestros node.tpl.php, en template.php: THEME_preprocess_node(&$vars) { $vars['minuevavariable'] = $view_content; } ● En node.tpl.php → print $minuevavariable; ● Recordad: En los tpls solo va HTML y print $noseque.
  29. 29. Alterar variables ● Sustituyes la función que provee la variable, por la tuya propia. Mayor control y responsabilidad (overrides) ● http://api.drupal.org/api/group/themeable/6 En serio, aunque ponga API, apuntad esa URL ● Indispensable: Devel http://drupal.org/project/devel
  30. 30. Consejos generales para retrasar la calvicie
  31. 31. Como conservar (algo de) pelo ● Aprende CSS. ● Familiarizate con el markup de views y CCK. Hipnotizate para que te resulte (casi) natural. ● Aprende las jerarquías en CSS. En serio. ● Planifica con el diseñador. Hazle saber que es implica diseñar para un CMS - Intenta estandarizar regiones, bloques, etc. ● Aprende más CSS. ● No odies a IE (demasiado). Domina sus defectos, preveelos, o perderás mucho pelo.
  32. 32. Como conservar (más) pelo Utiliza las opciones de views y cck al máximo.
  33. 33. Como conservar (más) pelo Views Inline fields Rewrite the output of this field
  34. 34. Como conservar (más) pelo CCK ● Inline Labels ● Excluye campos si los muestras tu manualmente, o si no quieres que se muestren.
  35. 35. Para nota... Los módulos no muerden ● Aprende como crear un CCK formatter. ● Aprende a crear views style plugins. ● Aprende como crear panels style plugins. Te permiten reusar ciertos estilos/layouts, formatos y/o funcionalidades de javascript en varios campos, views, paneles, en instalaciones distintas, etc.
  36. 36. Pero... Eso ya para la próxima drupalcamp! Por ahora os dejo con algunos links y módulos que pueden ayudarnos como plantilleros
  37. 37. Links y módulos útiles ● http://drupal.org/theme-guide/6 http://api.drupal.org/api/group/themeable/6 ● http://drupal.org/project/devel ● http://drupal.org/project/conditional_styles ● http://drupal.org/project/block_class ● http://drupal.org/project/nice_menus ● http://drupal.org/project/term_display ● http://drupal.org/project/menutrails ● http://drupal.org/project/skinr (a las 12 en el Auditorio Carlos Rincón, después que yo)
  38. 38. Gracias! Contacto: manueg.okkernoot.net drupal.org/user/213194 manuel.drupal@gmail.com

×