Introduzione al Theme Engin di Drupal 7

17

Click here to load reader

Transcript of Introduzione al Theme Engin di Drupal 7

Page 1: Introduzione al Theme Engin di Drupal 7

DrupalTheme Engine

Page 2: Introduzione al Theme Engin di Drupal 7

Il template in Drupal definisce il livello di presentazione lato utente (front-end).

Per far si che un template esista in Drupal è necessario un unico file .info. Tale file definisce le

informazioni base del template stesso.

Page 3: Introduzione al Theme Engin di Drupal 7

mytheme.info

screenshot.png

template.php

*.css

*.js

*.tpl.php

mytheme

Page 4: Introduzione al Theme Engin di Drupal 7

Theme Engine.info

Page 5: Introduzione al Theme Engin di Drupal 7

il file .info deve essere dello stesso nome della cartella del nostro template.

Page 6: Introduzione al Theme Engin di Drupal 7

name = template name

description = descrizione del template

core = versione di drupal richiesta (6.x, 7.x,...)

regions = le regioni del nostro template

features = feauters attive su questo template

stylesheets = fogli di stili associati al template

scripts = javascript associati al template

Page 7: Introduzione al Theme Engin di Drupal 7

name = mytheme

description = Tableless, recolorable...

core = 7.x

stylesheets[all][] = style.css

stylesheets[print][] = print.css

regions[left] = sidebar sinistra

regions[content] = content

regions[right] = sidebar destra

features[] = logo

features[] = name

Page 8: Introduzione al Theme Engin di Drupal 7

Theme Engine.tpl.php

Page 9: Introduzione al Theme Engin di Drupal 7

I file .tpl.php vengono usati per strutturare visivamente il sito.

Ogni file appartiene ad una determinata struttura.

Page 10: Introduzione al Theme Engin di Drupal 7

Si occupa della struttura HTML dell’intero sito.

Viene utilizzato per definire esclusivamente il DTD e i tag principale dell’html (html-head-body).

html.tpl.php

Page 11: Introduzione al Theme Engin di Drupal 7

Si occupa della struttura generale che, difficilmente, cambia all’interno del sito.

Crea il contenitore per il nostro contenuto.

page.tpl.php

Page 12: Introduzione al Theme Engin di Drupal 7

Si occupa della struttura di ogni contenuto che inseriamo.

node--article.tpl.php

node.tpl.php

node.tpl.php

Page 13: Introduzione al Theme Engin di Drupal 7

Si occupa della struttura delle regioni.

region--header.tpl.php

region.tpl.php

region.tpl.php

Page 14: Introduzione al Theme Engin di Drupal 7

Si occupa della struttura dei blocchi.

block--content.tpl.php

block.tpl.php

block.tpl.php

Page 15: Introduzione al Theme Engin di Drupal 7

Si occupa della struttura di ogni singolo campo.

field--field-name-article.tpl.php

field--field-name.tpl.php

field.tpl.php

field.tpl.php

Page 16: Introduzione al Theme Engin di Drupal 7

Per approfondimenti su template suggestion: https://www.drupal.org/node/1089656

Page 17: Introduzione al Theme Engin di Drupal 7

2015 Giovanni Buffa - CC by-nd 3.0