Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Sydney Drupal Meetup – February 2008 Drupal Theming Overview by Neem Tree http://neemtree.com.au
Prep <ul><li>http://neemtree.com.au/drupal-theming-designers </li></ul><ul><li>http://neemtree.com.au/drupal-theming-desig...
Demo
Layout
Regions
Regions
Slicing
All together now
Theming Checklist <ul><li>Page.tpl.php, Node.tpl.php, Comment.tpl.php variable’s are a good guide </li></ul><ul><li>Page l...
Theming Checklist <ul><li>Page level information - to be used for styling: </li></ul><ul><ul><li>Is this the front page? <...
Theming Checklist <ul><li>Node level information - viewed by end users: </li></ul><ul><ul><li>Title </li></ul></ul><ul><ul...
Theming Checklist <ul><li>Node level information - to be used for styling: </li></ul><ul><ul><li>Teaser or full node view?...
Theming Checklist <ul><li>Comment level information - viewed by end users: </li></ul><ul><ul><li>Title </li></ul></ul><ul>...
Theming Checklist <ul><li>Comment level information - to be used for styling: </li></ul><ul><ul><li>New comment? </li></ul...
Questions?
Upcoming SlideShare
Loading in …5
×

Sydney Meetup 0208 - Drupal theming

1,607 views

Published on

Published in: Technology, Business
  • If you want to check out a cool Drupal based site visit OracleLink.com - The Oracle Community Network

    http://www.oraclelink.com



    Built by CTISN
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Sydney Meetup 0208 - Drupal theming

  1. 1. Sydney Drupal Meetup – February 2008 Drupal Theming Overview by Neem Tree http://neemtree.com.au
  2. 2. Prep <ul><li>http://neemtree.com.au/drupal-theming-designers </li></ul><ul><li>http://neemtree.com.au/drupal-theming-designers-continued </li></ul><ul><li>Firebug </li></ul>
  3. 3. Demo
  4. 4. Layout
  5. 5. Regions
  6. 6. Regions
  7. 7. Slicing
  8. 8. All together now
  9. 9. Theming Checklist <ul><li>Page.tpl.php, Node.tpl.php, Comment.tpl.php variable’s are a good guide </li></ul><ul><li>Page level information - viewed by end users: </li></ul><ul><ul><li>Logo, site name, slogan </li></ul></ul><ul><ul><li>Search </li></ul></ul><ul><ul><li>Primary and secondary menus </li></ul></ul><ul><ul><li>Breadcrumb </li></ul></ul><ul><ul><li>Mission </li></ul></ul><ul><ul><li>Regions </li></ul></ul><ul><ul><li>Page’s title </li></ul></ul><ul><ul><li>Tabs (view, edit, etc) </li></ul></ul><ul><ul><li>Help messages </li></ul></ul><ul><ul><li>RSS feed icons </li></ul></ul>
  10. 10. Theming Checklist <ul><li>Page level information - to be used for styling: </li></ul><ul><ul><li>Is this the front page? </li></ul></ul><ul><ul><li>Is the user logged in? </li></ul></ul><ul><ul><li>Which regions are in use? </li></ul></ul><ul><ul><li>Menu item ordinal (e.g. first, last, specific number) </li></ul></ul><ul><ul><li>Menu item collapsed/expanded (implies submenu) </li></ul></ul>
  11. 11. Theming Checklist <ul><li>Node level information - viewed by end users: </li></ul><ul><ul><li>Title </li></ul></ul><ul><ul><li>Author </li></ul></ul><ul><ul><li>Author’s avatar </li></ul></ul><ul><ul><li>Date </li></ul></ul><ul><ul><li>Tags </li></ul></ul><ul><ul><li>Body </li></ul></ul><ul><ul><li>Read more </li></ul></ul><ul><ul><li>Comments </li></ul></ul><ul><ul><ul><li># of comments </li></ul></ul></ul><ul><ul><ul><li>add/reply </li></ul></ul></ul>
  12. 12. Theming Checklist <ul><li>Node level information - to be used for styling: </li></ul><ul><ul><li>Teaser or full node view? </li></ul></ul><ul><ul><li>Is this a ‘sticky’ node? </li></ul></ul><ul><ul><li>Is this a un/published node? </li></ul></ul><ul><ul><li>Odd/even node (in a teaser list) </li></ul></ul>
  13. 13. Theming Checklist <ul><li>Comment level information - viewed by end users: </li></ul><ul><ul><li>Title </li></ul></ul><ul><ul><li>Author </li></ul></ul><ul><ul><li>Author’s avatar </li></ul></ul><ul><ul><li>Date </li></ul></ul><ul><ul><li>Body </li></ul></ul><ul><ul><li>Add/reply </li></ul></ul>
  14. 14. Theming Checklist <ul><li>Comment level information - to be used for styling: </li></ul><ul><ul><li>New comment? </li></ul></ul><ul><ul><li>Is this a un/published comment? </li></ul></ul><ul><ul><li>Odd/even comment (in a list) </li></ul></ul>
  15. 15. Questions?

×