Successfully reported this slideshow.

Drupal theming intro

521 views

Published on

Basic slides for

  • Be the first to comment

  • Be the first to like this

Drupal theming intro

  1. 1. Drupal Theming intro DrupalCamp SC | 2011 http://lbt.me/themingintro
  2. 2. Shameless Plugs <ul><li>ThomasLattimore .com </li></ul><ul><ul><li>Freelance Front-end developer & Drupal themer </li></ul></ul><ul><li>  </li></ul><ul><li>Drupal.org & Twitter: </li></ul><ul><ul><li>  @tlattimore </li></ul></ul><ul><li>Maintainer of: </li></ul><ul><ul><li>The web110 , LightlyTextured , & Tumblike , themes on Drupal.org. </li></ul></ul>
  3. 3. What will be covered <ul><ul><li>How Drupals template system operates </li></ul></ul>
  4. 4. What will be covered <ul><ul><li>How Drupals template system operates </li></ul></ul><ul><ul><li>What Drupal theming is in definition </li></ul></ul>
  5. 5. What will be covered <ul><ul><li>How Drupals template system operates </li></ul></ul><ul><ul><li>What Drupal theming actually is in definition </li></ul></ul><ul><ul><li>The tools to get started </li></ul></ul>
  6. 6. What will be covered <ul><ul><li>How Drupals template system operates </li></ul></ul><ul><ul><li>What Drupal theming actually is in definition </li></ul></ul><ul><ul><li>The tools to get started </li></ul></ul><ul><ul><li>Then: Bail on notes and slides, lets build a theme ! </li></ul></ul>
  7. 7. Drupal theming defined: Controlling the fire-hose.
  8. 8. How templates work Each *.tpl.php lives inside another
  9. 9. Outdated, but still valid
  10. 10. What you need to get Started <ul><ul><li>Understanding of HTML & CSS </li></ul></ul>
  11. 11. What you need to get Started <ul><ul><li>Understanding of HTML & CSS </li></ul></ul><ul><ul><li>Drupal install (of course) </li></ul></ul><ul><ul><ul><li>In our case, Drupal 7 </li></ul></ul></ul>
  12. 12. What you need to get Started <ul><ul><li>Understanding of HTML & CSS </li></ul></ul><ul><ul><li>Drupal install (of course) </li></ul></ul><ul><ul><ul><li>In our case, Drupal 7 </li></ul></ul></ul><ul><ul><li>A good code editor with syntax highlighting, preferably an IDE: </li></ul></ul><ul><ul><ul><li>Such As Aptana, NetBeans, or Komodo </li></ul></ul></ul>
  13. 13. D.o projects you should know about <ul><ul><li>Mothership - http://drupal.org/project/mothership </li></ul></ul><ul><ul><ul><li>Total theming awesomesauce </li></ul></ul></ul><ul><ul><li>Devel - http://drupal.org/project/devel </li></ul></ul><ul><ul><li>Devel_themer - http://drupal.org/project/devel_themer </li></ul></ul><ul><ul><li>Firebug - http://getfirebug.com </li></ul></ul>
  14. 14. Are we done yet? <ul><li>Forget the slides, show me the code! </li></ul>

×