How to create a Drupal theme (Dut
0 likes2,011 views
Keynote @ Drupal Camp Gent 2012 (May 26)
![page.tpl.php
Inhoud van de <body> container
Uitprinten van regio’s (gedefinieerd in het .info bestand)
Gebruik altijd <?php print render($page[‘...’]); ?> voor regio’s
Variabelen : $is_front, $logged_in, $logo, $front_page, ...](https://image.slidesharecdn.com/themingdcg2012nickyrutten-120525171900-phpapp02/85/How-to-create-a-Drupal-theme-Dut-15-320.jpg)
How to create a Drupal theme (Dut
- 1. How to create a Drupal theme Nicky Rutten
- 2. Nicky Rutten Founder / Creative director @ Prêt à utiliser Docent @ Karel de Grote Hogeschool Webdesign, typografie, sigaren, whisky en basketball @ruttennicky 2
- 3. Prêt à utiliser Digital agency Opleidingen & consultancy Webdesign & development Mobile 3
- 4. We really love Drupal ! 4
- 5. Drupal theming Presentatie laag Geen website maar web systeem Wireframes zijn cruciaal (structuur) Consistentie is belangrijk 5
- 6. Drupal theming Altijd in sites/all/themes ! 6
- 7. Drupal theming Verzameling van bestanden (thema.info, *.tpl.php, template.php) HTML met stukjes PHP (Drupal zet de PHP om in inhoud) vb: Themanaam = dcg2012 Map : dcg2012 Bestand : dcg2012.info Bestand : page.tpl.php ... 7
- 8. Jummy ! 8
- 9. 9
- 11. <html> <body> <article> <aside> <aside>
- 12. html.tpl.php page.tpl.php node.tpl.php block.tpl.php block.tpl.php
- 13. .info file (verplicht) Altijd de naam van de theme en map (vb : dcg2012 & dcg2012.info) Definitie van: Thema details (naam, versie, ...) CSS bestanden JavaScript bestanden Thema regio’s Thema opties (logo, slogan, ...)
- 14. html.tpl.php !Doctype (Standaard: xHTML + RDFa) Header: CSS + JavaScript + Favicon + Meta + ... Body container (alleen de container, GEEN inhoud)
- 15. page.tpl.php Inhoud van de <body> container Uitprinten van regio’s (gedefinieerd in het .info bestand) Gebruik altijd <?php print render($page[‘...’]); ?> voor regio’s Variabelen : $is_front, $logged_in, $logo, $front_page, ...
- 16. node.tpl.php Inhoud van een werkelijk " artikel " Voorkeur aan modules : Display Suite, panels and views
- 17. comment.tpl.php Opmaak van comments bij een node field.tpl.php Opmaak van aangepaste velden van een node region.tpl.php Meestal een verzameling van blokken
- 18. html.tpl.php page.tpl.php region.tpl.php node.tpl.php block.tpl.php field.tpl.php block.tpl.php comment.tpl.php
- 19. Template suggesties Greatest thing since ... hot water ! Specifiek .tpl.php bestand per pagina, node, veld, .... Voor elk .tpl.php bestand Achteraf cache leegmaken
- 21. Showtime !
- 22. Tools Firebug & web developer toolbar Devel (http://drupal.org/project/devel) Devel Themer (http://drupal.org/project/devel_themer)
- 23. Tips Cache vaak wissen ! Niets overschrijven wat niet overschreven moet worden Gebruik een cheatsheet Wees consequent (HTML, PHP, CSS, JS, Drupal, ...) Gebruik modules zoals views, display suite, panels , ...
- 25. Vragen ?
- 26. Bedankt !