DevelopingJoomla 1.6 Templates<br />Chad Windnagle<br />Joomla!Lover<br />Contact:chad.windnagle@resources.joomla.org<br /...
The Big Question:<br />Do<br />Joomla! 1.5 Templates<br />==<br />Joomla! 1.6 Templates<br />???<br />
The Big Answer:<br />No. But almost!<br />
Few Differences:<br /><ul><li>Minor Code Changes
New 1.6 Feature: Template Styles
Advanced Style ACL</li></li></ul><li>Few Differences:<br />Minor Modifications to templateDetails.xml<br /><ul><li>Add Doc...
Update install version number to 1.6
Optional: Template configuration params (fieldsets - saved in params.ini)</li></li></ul><li>Few Differences:<br />Minor Mo...
Optional: Ability to directly use param.ini values</li></li></ul><li>Few Differences:<br />
Editing Template Parameters<br />
Editing Template Parameters<br />
What is a template, anyway?<br />“The Joomla template is a series of files within the CMS that control the presentation of...
What Tools Do I Need?<br /><ul><li>Localhost or Web Hosting</li></ul>	Local: MAMP (Mac), WAMP / XAMMP (PC)<br /><ul><li>HT...
Template Elements<br /><ul><li>PHP Code
CSS Code
Joomla API Code
Images
Additional Libraries (JS, JQuery, Ajax, etc.) </li></li></ul><li>What, Where, & Why?<br /><JoomlaRoot>/templates/tmpl_sgo<...
template.css
index.html
css/*
images
index.html
Upcoming SlideShare
Loading in …5
×

Developing joomla 1.6 templates - Joomla!Day NYC December 2010

14,238 views

Published on

Presentation I gave to the joomla day nyc crowd in december 2010.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
14,238
On SlideShare
0
From Embeds
0
Number of Embeds
138
Actions
Shares
0
Downloads
215
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Developing joomla 1.6 templates - Joomla!Day NYC December 2010

  1. 1. DevelopingJoomla 1.6 Templates<br />Chad Windnagle<br />Joomla!Lover<br />Contact:chad.windnagle@resources.joomla.org<br />twitter.com/drmmr763<br />
  2. 2. The Big Question:<br />Do<br />Joomla! 1.5 Templates<br />==<br />Joomla! 1.6 Templates<br />???<br />
  3. 3. The Big Answer:<br />No. But almost!<br />
  4. 4. Few Differences:<br /><ul><li>Minor Code Changes
  5. 5. New 1.6 Feature: Template Styles
  6. 6. Advanced Style ACL</li></li></ul><li>Few Differences:<br />Minor Modifications to templateDetails.xml<br /><ul><li>Add DocType Definition
  7. 7. Update install version number to 1.6
  8. 8. Optional: Template configuration params (fieldsets - saved in params.ini)</li></li></ul><li>Few Differences:<br />Minor Modifications to index.php<br /><ul><li>New head jdoc include available
  9. 9. Optional: Ability to directly use param.ini values</li></li></ul><li>Few Differences:<br />
  10. 10. Editing Template Parameters<br />
  11. 11. Editing Template Parameters<br />
  12. 12. What is a template, anyway?<br />“The Joomla template is a series of files within the CMS that control the presentation of the content.”<br />-Barrie North, CompassDesigns.net<br />
  13. 13. What Tools Do I Need?<br /><ul><li>Localhost or Web Hosting</li></ul> Local: MAMP (Mac), WAMP / XAMMP (PC)<br /><ul><li>HTML / CSS Editor</li></ul>Dreamweaver, TextMate, Notepad++<br /><ul><li>FTP Application</li></ul>FileZilla(Mac/PC), Transmit (Mac)<br /><ul><li>Image Editor</li></ul> Photoshop, Fireworks, Gimp (all platforms)<br />
  14. 14. Template Elements<br /><ul><li>PHP Code
  15. 15. CSS Code
  16. 16. Joomla API Code
  17. 17. Images
  18. 18. Additional Libraries (JS, JQuery, Ajax, etc.) </li></li></ul><li>What, Where, & Why?<br /><JoomlaRoot>/templates/tmpl_sgo<br /><ul><li>css
  19. 19. template.css
  20. 20. index.html
  21. 21. css/*
  22. 22. images
  23. 23. index.html
  24. 24. images/*
  25. 25. index.php
  26. 26. index.html
  27. 27. params.ini
  28. 28. template_thumbnail.png
  29. 29. template_preview.png
  30. 30. templateDetails.xml</li></li></ul><li>index.php – contents<br /><ul><li>DocType
  31. 31. Header
  32. 32. Stylesheets
  33. 33. Libraries
  34. 34. Header Jdoc
  35. 35. Body
  36. 36. HTML
  37. 37. Module Jdoc
  38. 38. Component Jdoc
  39. 39. Message Jdoc
  40. 40. PHP Code</li></li></ul><li>index.php<br />Loads Stylesheets, APIs & Template Logic<br />
  41. 41. templateDetails.xml - contents<br />Tells Joomla Installer What To Do<br /><ul><li>DocType
  42. 42. Install Parameters
  43. 43. Author Info
  44. 44. Define Directory Structure (files and folders)
  45. 45. Define all Module Positions
  46. 46. Define all Config Elements</li></li></ul><li>templateDetails.xml<br />
  47. 47. template.css - contents<br />Controls the layout, look and feel<br /><ul><li>Body CSS
  48. 48. HTML Div Class / ID CSS
  49. 49. Menu CSS</li></li></ul><li>template.css<br />
  50. 50. Packaging<br />
  51. 51. Installing<br />
  52. 52. Installing<br />
  53. 53. Free Resources<br /><ul><li>docs.joomla.org/Tempale_DevelopmentDocumentation on Joomla Templates
  54. 54. compassdesigns.net/joomla-tutorials</li></ul> Comprehensive template tutorial for Joomla 1.6, includes sample template files.<br /><ul><li>http://www.slideshare.net/ChadWindnagle</li>

×