Mai 2014

Drupal themesConstruiește o tema sau folosește o temă părinte

01

Gabriel UngureanuCEO @ AG Prime#Drupal developer for 6 years#https://drupal.org/user/279352/#!Modules: Exclude Node Title, Path redirect import, User history, User Status Color, IP Block

Cum se randează o pagină in Drupal?

01

Anatomia unei teme

✤ .info (definește regiuni, fișiere incluse, informații generale)#

✤ .tpl.php (fișiere template)#

✤ template.php (poate conține Drupal hooks)#

✤ Sub-temele moștenesc stilurile temei parinte si le pot altera sau completa

Ce este un HOOK?

✤ Un hook se poate „agăța„ oriunde pe parcursul ciclului de viață Drupal.#

✤ Se prefixează cu numele modulului care îl implementează si transportă cu referință valorile alterate.#

Ex. HOOK_node_view#

function my_module_node_view($node, $view_mode, $langcode) {!

! $node->was_here = TRUE;!

}

Metode de a procesa o pagină în Drupal

Clasic

✤ Noduri#

✤ Views#

✤ Blocks#

✤ Menus

Clasic + Extra

✤ Noduri#

✤ Views#

✤ Blocks#

✤ Menus#

✤ Context

Panels

✤ Noduri#

✤ Views#

✤ Blocks / Panes#

✤ Menus#

✤ Panels

Get Responsive with Panels

✤ https://drupal.org/project/panopoly#

# Supported by Pantheon#

!

!

✤ https://drupal.org/project/kalatheme

SASS Support

✤ Majoritatea temelor suporta Compass / SASS#

Avantaje:#

✤ Variabile#

✤ Nesting#

✤ Imports#

✤ Mixins#

✤ Inheritance / Extends#

✤ Operators

Teme populare

✤ Zen https://drupal.org/project/zen !

✤ Adaptive https://drupal.org/project/adaptivetheme #

✤ Omega https://drupal.org/project/omega #

✤ Fusion https://drupal.org/project/fusion #

✤ Bootstrap https://drupal.org/project/bootstrap

Links

✤ https://drupal.org/documentation/theme#

✤ https://drupal.org/project/project_theme#

✤ http://sass-lang.com/

Questions?