Functional FIPS: Learning PHP for Drupal Theming
by Emma Jane Hogbin on Sep 03, 2009
- 5,101 views
Statistics
- Favorites
- 5
- Downloads
- 102
- Comments
- 0
- Embed Views
- Views on SlideShare
- 5,057
- Total Views
- 5,101
- No comments yet
- Notes on Slide 1
-
Miguel Hernandez
, Founder / Head Geek
at the OpenMindz Group
Tags php theming
3 weeks ago
-
Karen Leech
, Web Developer
at City College Norwich
1 year ago
-
technicka
2 years ago
-
Daniel Mai
at Freelance Web Designer
2 years ago
-
Luc Van Braekel
2 years ago
Functional FIPS: Learning PHP for Drupal Theming — Presentation Transcript
- Functional FIPS PHP for Drupal Designers and Themers www.hicktech.com @emmajanedotnet
- About this talk ● There are a lot of theme snippets available in the Theme Guide. There is not, however, a lot of information about PHP which is the language that makes up these snippets. If you're tired of copying, pasting and praying and are ready to understand some of the magic behind those snippets, this session is for you! ● In this session you will learn how to manipulate and master: ● The very, very basics of PHP and the popular theming engine PHPtemplate ● Variables and tpl.php template files ● Arrays and objects and other crowbarworthy data containers. ● The really scary looking stuff that's in the mysterious file template.php ● Examples will be pulled from the Drupal.org Theme Guide as well as the wildly successful book on theming, Front End Drupal (coauthored by Emma Jane and Konstantin Kaefer).
- Stick around, I've got copies to give away.
- Drupal Theme Guide http://drupal.org/themeguide
- Theme snippets http://drupal.org/node/45471
- Learning through analogies
- www.travelinghoedowners.com
- bootstrapping
- Variables http://www.jontwest.com/ProBono.php
- Variables
- Contents of variables exist inside their containers
- Contents of variables exist inside their containers http://www.laboutiquedupetitprince.com/en/figures56/pixi81/pixifigurethelittle princesheepbox518.html
- Regions http://opswingers.free.fr/cestquoi.htm
- Regions
- Functions http://www.dehnbase.org/sd/tutorial/counterrotate.php?p=4
- Functions user_is_logged_in () user_access ('access administration pages') in_array ('admin', array_values ($user>roles))
- Theming http://usawestwa.com/Outfit/
- Theming www.squaredanceomaha.org/dress
- PHPtemplate Decide on the dance Choose your clothes Dance the dance http://www.kodakgallery.com/Slideshow.jsp?mode=fromshare&Uc=6m9np57.9mj7q0yf&Uy=ripni&Ux=0
- PHPtemplate Collect the content from Drupal using modules Run through the Print the variables Drupal theme in your template functions & your files custom theme layer http://www.kodakgallery.com/Slideshow.jsp?mode=fromshare&Uc=6m9np57.9mj7q0yf&Uy=ripni&Ux=0
- How to create themes 1.Download an existing theme. 2.Look for variables and functions. 3.Alter the placement of the “printed” things. 4.Save and upload the theme files. 5.Clear the theme registry (Drupal admin). 6.Enjoy your new theme.
- page.tpl.php template file <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language>language ?>" xml:lang="<?php print $language>language ? >"> <head> <title><?php print $head_title ?></title> <?php print $head ?> <?php print $styles ?> </head> <body> <div id="container"> <div id="header"> <div id="logoWrapper"> <?php if ($logo) { ?> <div id="logo"> <a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a> </div><?php } ?>
- page.tpl.php template file <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language>language ?>" xml:lang="<?php print $language>language ? >"> <head> <title><?php print $head_title ?></title> <?php print $head ?> <?php print $styles ?> </head> <body> <div id="container"> <div id="header"> <div id="logoWrapper"> <?php if ($logo) { ?> <div id="logo"> <a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a> </div><?php } ?>
- Variables must be printed <?php print ?>
- Variables must be printed <title><?php print $head_title ?></title>
- Zomg what are those variables? ● Look at /modules/system/page.tpl.php OR ● http://api.drupal.org/api/drupal/modules systempage.tpl.php/6
- page.tpl.php template file <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language>language ?>" xml:lang="<?php print $language>language ? >"> <head> <title><?php print $head_title ?></title> <?php print $head ?> <?php print $styles ?> </head> <body> <div id="container"> <div id="header"> <div id="logoWrapper"> <?php if ($logo) { ?> <div id="logo"> <a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a> </div><?php } ?>
- Conditionals if (you're the inside couple) { go clockwise } } else { go counter clockwise. } http://www.dehnbase.org/sd/tutorial/counterrotate.php?p=4
- What's an “if”? if ($logo) { <?php print ?> }
- Fancy data structures: arrays + objects Grouping and sorting your data
- Fancy data structures: arrays Multiple “drawers” of sorted content Multiple values stored in one array
- Devel Module: Themer Info
- $node object $node>nid $node>body $node>content['body'][#value]
- “Advanced” PHP ● Never be afraid to try something. ● Always back up your files first. ● Take a LOT of notes. ● Be bold! And be brave!
- template.php: what's up with that? ● Preparing variables that weren't assembled by Drupal and its modules. ● Altering the contents of variables that were prepared by Drupal and its modules. ● Special theming functions to do fun things like 'edit this block' links and random images. ● Read the Zen base theme documentation and template.php file.
- Using template.php Collect the content from Drupal using modules Create new Print the variables and run it through the information to feed in your template default theme functions to your theme files provided by Drupal. http://www.kodakgallery.com/Slideshow.jsp?mode=fromshare&Uc=6m9np57.9mj7q0yf&Uy=ripni&Ux=0
- PHP Snippet from: http://drupal.org/node/21401 <?php if ($submitted) { ?> <span class="submitted"> <?php if ($node>type == 'blog') { print 'Posted ' . format_date($node>created, 'custom', "F jS, Y") . ' by ' . theme('username', $node); } else { print 'By ' . theme('username', $node) . ' <br /> ' . format_date($node>created, 'custom', "F jS, Y") ; } ?> </span> <?php } ?>
- Summarizing PHP for Designers ● PHP is a linear “programming” language, just like a dance. ● PHP stores information in variables. ● Sometimes variables hold lots of information in special variables called “arrays.” ● Drupal has lots of magic variables that are loaded with content. Check out: http://drupal.org/themeguide
- Theming http://usawestwa.com/Outfit/
- Variables http://www.jontwest.com/ProBono.php
- Regions http://opswingers.free.fr/cestquoi.htm
- Functions http://www.dehnbase.org/sd/tutorial/counterrotate.php?p=4
- Conditionals if (you're the inside couple) { go clockwise } } else { go counter clockwise. } http://www.dehnbase.org/sd/tutorial/counterrotate.php?p=4
- Ready to rope yourself a theme? @emmajanedotnet www.hicktech.com < theming classes Front End Drupal < theming book http://www.flickr.com/photos/fkehren/3352577815/