Riprendiamoci il Layout!

760 views

Published on

Presentazione tenuta al Drupalcamp Verona 2001, su panels e panels everywhere

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

  • Be the first to like this

No Downloads
Views
Total views
760
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Riprendiamoci il Layout!

  1. 1. Riprendiamoci il Layout! http://www.flickr.com/photos/adamcrowe Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  2. 2. @signalkuppe • plurimedia.it • signalkuppe.com • @signalkuppe • drupal.org/project/marinelli • alpi... Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  3. 3. Creare un layout significa determinare le funzionalità di un sito! Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  4. 4. websites Pagine html modifica dei file http://www.flickr.com/photos/bogdansuditu/ Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  5. 5. websystems Dinamici Redazionali http://www.flickr.com/photos/dherholz/ Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  6. 6. Dopo un lungo lavoro (prima dello sviluppo...) • bozze • wireframes • mockups • template html Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  7. 7. Dopo un lungo lavoro (prima dello sviluppo...) • bozze • wireframes • mockups • template html fatevi aiutare da 960gs Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  8. 8. Drupal non è sempre la soluzione migliore ! http://www.flickr.com/photos/matijagrguric/ Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  9. 9. “Drupalese” context Blocchi panels display suite panels + panels everywhere Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  10. 10. Blocchi • Core • Una sola istanza per regione • Poco flessibile • Codice php per controllare la visibilità • Inefficiente • amato da pochi... Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  11. 11. Context • layout per configurazione • migliora il sistema dei blocchi • usa i blocchi (meglio) • usa le regioni del tema • poco redazionale • amato dagli sviluppatori Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  12. 12. Panels • Visual drag & drop • path-driven • layout illimitati • integrato con Views • redazionale • ricco di funzionalità • complesso • amato dai designers Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  13. 13. Panels Everywhere • elimina del tutto l’uso dei blocchi • page.tpl.php Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  14. 14. Display Suite • Permette di controllare la visualizzazione di ogni singola entity • “Build Modes” • Integrato con Views Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  15. 15. Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  16. 16. site template (fisso) Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  17. 17. site template (fisso) content template (nodi,viste,ecc) Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  18. 18. Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  19. 19. logo, titolo, slogan Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  20. 20. logo, titolo, slogan menu Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  21. 21. logo, titolo, slogan menu primary links Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  22. 22. logo, titolo, slogan menu primary links blocco html Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  23. 23. logo, titolo, slogan menu primary links blocco html menu Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  24. 24. logo, titolo, slogan menu primary links blocco html menu field_reference Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  25. 25. Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  26. 26. content-type “homepage” Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  27. 27. content-type “homepage” field_reference Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  28. 28. content-type “homepage” field_reference field_banner Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  29. 29. content-type “homepage” field_reference field_banner field_testobanner Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  30. 30. content-type “homepage” field_reference field_banner field_testobanner fieldgroups field_titolospot field_immaginespot field_testospot Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  31. 31. Panel layout • modifica tema.info • cartella “nomelayout” • nomelayout.inc • nomelayout.png • nomelayout.tpl.php • (nomelayout.css) Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  32. 32. site_template_base.inc Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  33. 33. site_template_base.tpl.php Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  34. 34. page.tpl.php Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  35. 35. page.tpl.php site-template.tpl.php Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  36. 36. content template Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  37. 37. content template homepage.tpl.php Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  38. 38. node variant “sovrascrive il rendering del nodo” node.tpl.php homepage.tpl.php Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  39. 39. New panel pages • Nuovi url creati da panel • supportano gli argomenti • passano gli argomenti a view ricerca/gruppo/13/didattica Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  40. 40. websystems... • Selection rules • Visibility rules • Contexts • Relationships • View panes • Custom content panes • Pane styles http://www.flickr.com/photos/ajc1/ Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  41. 41. Selection rules Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  42. 42. Visibility rules Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  43. 43. Contexts (!=Context) Mettono a disposizione del layout altre variabili acquisiti dagli argomenti Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  44. 44. Relationships Caricano dati di altri nodi Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  45. 45. Relationships/2 Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  46. 46. Relationships/2 content type “gruppo” Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  47. 47. Relationships/2 content type “gruppo” field_progetto (node-reference) Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  48. 48. View Panes “Ponte tra panels e views” Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  49. 49. Custom content panes testi statici o dinamici (contexts) Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  50. 50. Pane styles Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  51. 51. Downsides http://www.flickr.com/photos/kalexanderson/ Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  52. 52. Downsides/2 • Complesso • Codifica dei layout • Sovrascrive il comportamento standard di drupal • complesso Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  53. 53. Qualche link • http://drupal.org/project/panels • http://drupal.org/project/panels_everywhere http://edu.plurimedia.it/pannelli.zip Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011
  54. 54. Grazie! Riprendiamoci il layout! (Matteo Leoni)venerdì 23 settembre 2011

×