0
CREATIVE  JOOMLA! Dinah Randall / Sydney Joomla!Day 2008
Inside Joomla Templates and Design <ul><li>How can I design a site in Joomla! 1.5? </li></ul>
Creative Joomla! <ul><li>Design constraints </li></ul>
Creative Joomla! <ul><li>Design constraints </li></ul><ul><li>Find and customise or build a template </li></ul>
Creative Joomla! <ul><li>Design constraints </li></ul><ul><li>Find and customise or build a template </li></ul><ul><li>Wha...
Creative Joomla! <ul><li>Design constraints </li></ul><ul><li>Find and customise or build a template </li></ul><ul><li>Wha...
Design Constraints <ul><li>What your designer needs to know </li></ul>
Site Design
Anatomy of a template
Module Positions
Module Positions Detail
General Design Constraints <ul><li>Standards and accessibility </li></ul><ul><ul><li>W3C standards </li></ul></ul><ul><ul>...
Find a template <ul><li>Free templates </li></ul><ul><li>http://www.bestofjoomla.com/index.php?x=25&y=8&TagsTo=36_43_44&op...
Build your own template <ul><li>Using your own logo, styles & menus </li></ul><ul><li>Template Tutorials + Tool How to bui...
What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Not strictly new, but used in 1.5 to select colour, font-...
What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>No more -1, -2, -3 Use raw, xhmt...
What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Ove...
What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Con...
What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Con...
Some interesting Joomla! designs <ul><li>… </li></ul>
Joomla! Design   http://www.habitsbaranddining.com.au Melbourne Joomla!Day 2008
Joomla! Design   http://www.malarmarden.se Melbourne Joomla!Day 2008
Joomla! Design   http://www.palgor-publicidade.com Melbourne Joomla!Day 2008
Joomla! Design   http://www.spacemakerwardrobes.com.au Melbourne Joomla!Day 2008
Joomla! Design   http://www.lonestar.com.au Melbourne Joomla!Day 2008
Joomla! Design   http://www.childrenoftherevolution.com.au Melbourne Joomla!Day 2008
Joomla! Design   http://www.cinemalecep.com Melbourne Joomla!Day 2008
Joomla! Design   http://www.vallartaencountours.com Melbourne Joomla!Day 2008
Joomla! Design   http://www.cultureelcafe.nl Melbourne Joomla!Day 2008
Joomla! Design   http://www.detainee002.com Melbourne Joomla!Day 2008
Joomla! Design   http://btl.bialystok.pl Melbourne Joomla!Day 2008
Joomla! Design   http://www.firststepsforkids.com Melbourne Joomla!Day 2008
Joomla! Design   http://www.waterandstone.com Melbourne Joomla!Day 2008
Joomla! Design   http://www.55thinking.com Melbourne Joomla!Day 2008
CREATIVE  JOOMLA! Dinah Randall / Sydney Joomla!Day 2008 Slides online at  www.slideshare.net  - search for ‘SJD08’
Upcoming SlideShare
Loading in...5
×

Joomla! Templates - Sydney

2,706

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
2,706
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
145
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Joomla! Templates - Sydney"

  1. 1. CREATIVE JOOMLA! Dinah Randall / Sydney Joomla!Day 2008
  2. 2. Inside Joomla Templates and Design <ul><li>How can I design a site in Joomla! 1.5? </li></ul>
  3. 3. Creative Joomla! <ul><li>Design constraints </li></ul>
  4. 4. Creative Joomla! <ul><li>Design constraints </li></ul><ul><li>Find and customise or build a template </li></ul>
  5. 5. Creative Joomla! <ul><li>Design constraints </li></ul><ul><li>Find and customise or build a template </li></ul><ul><li>What’s new in Joomla! 1.5 templates </li></ul>
  6. 6. Creative Joomla! <ul><li>Design constraints </li></ul><ul><li>Find and customise or build a template </li></ul><ul><li>What’s new in Joomla! 1.5 templates </li></ul><ul><li>Some interesting Joomla! designs </li></ul>
  7. 7. Design Constraints <ul><li>What your designer needs to know </li></ul>
  8. 8. Site Design
  9. 9. Anatomy of a template
  10. 10. Module Positions
  11. 11. Module Positions Detail
  12. 12. General Design Constraints <ul><li>Standards and accessibility </li></ul><ul><ul><li>W3C standards </li></ul></ul><ul><ul><li>Usability </li></ul></ul><ul><ul><li>Tableless HTML </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul><ul><ul><li>Source Ordering </li></ul></ul><ul><ul><li>SEO tagging </li></ul></ul>
  13. 13. Find a template <ul><li>Free templates </li></ul><ul><li>http://www.bestofjoomla.com/index.php?x=25&y=8&TagsTo=36_43_44&option=com_bestoftemplate&task=viewcategory&fsort=&fcolor=&ffav=&fedit=&Itemid=46 - http://www.joomla.org/content/blogcategory/19/51 - http://joomlashack.com - http://www.siteground.com/joomla-hosting/joomla-templates.htm - http://www.joomla24.com/ </li></ul><ul><li>Blank (unstyled) 1.5 template </li></ul><ul><li>http://s.imp.ly/joomla/ </li></ul>
  14. 14. Build your own template <ul><li>Using your own logo, styles & menus </li></ul><ul><li>Template Tutorials + Tool How to build a template: http://www.compassdesigns.net/tutorials/joomla-tutorials/joomla-template-tutorial.html Template SEO enhancements: http://www.joomlashack.com/index.php?option=com_content&task=view&id=154&Itemid=9 Dreamweaver template builder tool: http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,2356/Itemid,35/ </li></ul><ul><li>Building a Joomla! 1.5 template is not an entry level task </li></ul>
  15. 15. What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Not strictly new, but used in 1.5 to select colour, font-size, width, layout and menu options </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Content calls </li></ul><ul><li>Template migration from 1.0 to 1.5 </li></ul>
  16. 16. What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>No more -1, -2, -3 Use raw, xhmtl, table, horz, rounded, none, outline Module positions defined in XML </li></ul><ul><li>Over-rides </li></ul><ul><li>Content calls </li></ul><ul><li>Template migration from 1.0 to 1.5 </li></ul>
  17. 17. What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Over-ride HTML output for any component or module – model/view/controller </li></ul><ul><li>Content calls </li></ul><ul><li>Template migration from 1.0 to 1.5 </li></ul>
  18. 18. What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Content calls New calls to Joomla methods and parameters from index.php - jdoc </li></ul><ul><li>Template migration from 1.0 to 1.5 </li></ul>
  19. 19. What’s new in 1.5 templates <ul><li>Parameters </li></ul><ul><li>Chrome </li></ul><ul><li>Over-rides </li></ul><ul><li>Content calls </li></ul><ul><li>Template migration from 1.0 to 1.5 </li></ul>http://docs.joomla.org/Tutorial:Upgrading_a_Joomla%21_1.0.x_template http://forum.joomla.org/index.php/topic,248595.0.html
  20. 20. Some interesting Joomla! designs <ul><li>… </li></ul>
  21. 21. Joomla! Design http://www.habitsbaranddining.com.au Melbourne Joomla!Day 2008
  22. 22. Joomla! Design http://www.malarmarden.se Melbourne Joomla!Day 2008
  23. 23. Joomla! Design http://www.palgor-publicidade.com Melbourne Joomla!Day 2008
  24. 24. Joomla! Design http://www.spacemakerwardrobes.com.au Melbourne Joomla!Day 2008
  25. 25. Joomla! Design http://www.lonestar.com.au Melbourne Joomla!Day 2008
  26. 26. Joomla! Design http://www.childrenoftherevolution.com.au Melbourne Joomla!Day 2008
  27. 27. Joomla! Design http://www.cinemalecep.com Melbourne Joomla!Day 2008
  28. 28. Joomla! Design http://www.vallartaencountours.com Melbourne Joomla!Day 2008
  29. 29. Joomla! Design http://www.cultureelcafe.nl Melbourne Joomla!Day 2008
  30. 30. Joomla! Design http://www.detainee002.com Melbourne Joomla!Day 2008
  31. 31. Joomla! Design http://btl.bialystok.pl Melbourne Joomla!Day 2008
  32. 32. Joomla! Design http://www.firststepsforkids.com Melbourne Joomla!Day 2008
  33. 33. Joomla! Design http://www.waterandstone.com Melbourne Joomla!Day 2008
  34. 34. Joomla! Design http://www.55thinking.com Melbourne Joomla!Day 2008
  35. 35. CREATIVE JOOMLA! Dinah Randall / Sydney Joomla!Day 2008 Slides online at www.slideshare.net - search for ‘SJD08’
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×