Riprendiamoci il layout! (Matteo Leoni)

Riprendiamoci il Layout!

http://www.flickr.com/photos/adamcrowe

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

@signalkuppe

• plurimedia.it

• signalkuppe.com

• @signalkuppe

• drupal.org/project/marinelli

• alpi...

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Creare un layoutsignifica determinare le funzionalità di un sito!

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

websites

Pagine htmlmodifica dei file

http://www.flickr.com/photos/bogdansuditu/

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

websystems

DinamiciRedazionali

http://www.flickr.com/photos/dherholz/

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Dopo un lungo lavoro(prima dello sviluppo...)

• bozze

• wireframes

• mockups

• template html

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

fatevi aiutare da 960gs

Dopo un lungo lavoro(prima dello sviluppo...)

• bozze

• wireframes

• mockups

• template html

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Drupal non è sempre la soluzione migliore !

http://www.flickr.com/photos/matijagrguric/

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

“Drupalese”

Blocchicontext

panels display suite

panels + panels everywhere

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Blocchi• Core

• Una sola istanza per regione

• Poco flessibile

• Codice php per controllare la visibilità

• Inefficiente

• amato da pochi...

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Context• layout per configurazione

• migliora il sistema dei blocchi

• usa i blocchi (meglio)

• usa le regioni del tema

• poco redazionale

• amato dagli sviluppatori

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Panels• Visual drag & drop

• path-driven

• layout illimitati

• integrato con Views

• redazionale

• ricco di funzionalità

• complesso

• amato dai designers

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Panels Everywhere

• elimina del tutto l’uso dei blocchi

• page.tpl.php

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Display Suite

• Permette di controllare la visualizzazione di ogni singola entity

• “Build Modes”

• Integrato con Views

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

site template(fisso)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

site template(fisso)

content template(nodi,viste,ecc)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

logo, titolo, slogan

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

logo, titolo, slogan

menu

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

logo, titolo, slogan

menu

primary links

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

logo, titolo, slogan

menu

primary links

blocco html

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

logo, titolo, slogan

menu

primary links

blocco html

menu

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

logo, titolo, slogan

menu

field_reference

primary links

blocco html

menu

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content-type “homepage”

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content-type “homepage”

field_reference

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content-type “homepage”

field_banner

field_reference

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content-type “homepage”

field_banner

field_testobanner

field_reference

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content-type “homepage”

field_banner

field_testobanner

fieldgroups

field_titolospot

field_immaginespot

field_testospot

field_reference

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Panel layout• modifica tema.info

• cartella “nomelayout”

• nomelayout.inc

• nomelayout.png

• nomelayout.tpl.php

• (nomelayout.css)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

site_template_base.inc

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

site_template_base.tpl.php

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

page.tpl.php

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

page.tpl.php

site-template.tpl.php

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content template

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

content templatehomepage.tpl.php

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

node variant“sovrascrive il rendering del nodo”

node.tpl.php

homepage.tpl.php

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

New panel pages

ricerca/gruppo/13/didattica

• Nuovi url creati da panel

• supportano gli argomenti

• passano gli argomenti a view

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

websystems...• Selection rules

• Visibility rules

• Contexts

• Relationships

• View panes

• Custom content panes

• Pane styleshttp://www.flickr.com/photos/ajc1/

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Selection rules

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Visibility rules

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Contexts (!=Context)

Mettono a disposizione del layout altre variabili

acquisiti dagli argomenti

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Relationships

Caricano dati di altri nodi

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Relationships/2

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Relationships/2

content type “gruppo”

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Relationships/2

content type “gruppo”

field_progetto (node-reference)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

View Panes

“Ponte tra panels e views”

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Custom content panes

testi statici o dinamici (contexts)

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Pane styles

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Downsides

http://www.flickr.com/photos/kalexanderson/

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Downsides/2

• Complesso

• Codifica dei layout

• Sovrascrive il comportamento standard di drupal

• complesso

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Qualche link

• http://drupal.org/project/panels

• http://drupal.org/project/panels_everywhere

http://edu.plurimedia.it/pannelli.zip

venerdì 23 settembre 2011

Riprendiamoci il layout! (Matteo Leoni)

Grazie!

venerdì 23 settembre 2011