joomla! templates - sydney
TRANSCRIPT
![Page 1: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/1.jpg)
SydneyJoomla!User Group
CREATIVE JOOMLA!
Dinah Randall / Sydney Joomla!Day 2008
![Page 2: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/2.jpg)
Inside Joomla Templates and DesignHow can I design a site in Joomla! 1.5?
![Page 3: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/3.jpg)
Creative Joomla!
Design constraints
![Page 4: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/4.jpg)
Creative Joomla!
Design constraints
Find and customise or build a template
![Page 5: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/5.jpg)
Creative Joomla!
Design constraints
Find and customise or build a template
What’s new in Joomla! 1.5 templates
![Page 6: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/6.jpg)
Creative Joomla!
Design constraints
Find and customise or build a template
What’s new in Joomla! 1.5 templates
Some interesting Joomla! designs
![Page 7: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/7.jpg)
Design Constraints
What your designer needs to know
![Page 8: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/8.jpg)
Site Design
![Page 9: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/9.jpg)
Anatomy of a template
![Page 10: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/10.jpg)
Module Positions
![Page 11: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/11.jpg)
Module Positions Detail
![Page 12: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/12.jpg)
General Design Constraints
Standards and accessibility
W3C standards
Usability
Tableless HTML
Accessibility
Source Ordering
SEO tagging
![Page 13: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/13.jpg)
Find a template
Free templates
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/
Blank (unstyled) 1.5 template
http://s.imp.ly/joomla/
![Page 14: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/14.jpg)
Build your own template
Using your own logo, styles & menus
Template Tutorials + ToolHow 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=9Dreamweaver template builder tool:http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,2356/Itemid,35/
Building a Joomla! 1.5 template is not an entry level task
![Page 15: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/15.jpg)
What’s new in 1.5 templates
Parameters
Not strictly new, but used in 1.5 to select colour, font-size, width, layout and menu options
Chrome
Over-rides
Content calls
Template migration from 1.0 to 1.5
![Page 16: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/16.jpg)
What’s new in 1.5 templates
Parameters
Chrome
No more -1, -2, -3Use raw, xhmtl, table, horz, rounded, none, outlineModule positions defined in XML
Over-rides
Content calls
Template migration from 1.0 to 1.5
![Page 17: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/17.jpg)
What’s new in 1.5 templates
Parameters
Chrome
Over-rides
Over-ride HTML output for any component or module – model/view/controller
Content calls
Template migration from 1.0 to 1.5
![Page 18: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/18.jpg)
What’s new in 1.5 templates
Parameters
Chrome
Over-rides
Content callsNew calls to Joomla methods and parameters from index.php - jdoc
Template migration from 1.0 to 1.5
![Page 19: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/19.jpg)
What’s new in 1.5 templates
Parameters
Chrome
Over-rides
Content calls
Template migration from 1.0 to 1.5
http://docs.joomla.org/Tutorial:Upgrading_a_Joomla%21_1.0.x_templatehttp://forum.joomla.org/index.php/topic,248595.0.html
![Page 20: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/20.jpg)
Some interesting Joomla! designs…
![Page 21: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/21.jpg)
Joomla! Design http://www.habitsbaranddining.com.au
Melbourne Joomla!Day 2008
![Page 22: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/22.jpg)
Joomla! Design http://www.malarmarden.se
Melbourne Joomla!Day 2008
![Page 23: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/23.jpg)
Joomla! Design http://www.palgor-publicidade.com
Melbourne Joomla!Day 2008
![Page 24: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/24.jpg)
Joomla! Design http://www.spacemakerwardrobes.com.au
Melbourne Joomla!Day 2008
![Page 25: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/25.jpg)
Joomla! Design http://www.lonestar.com.au
Melbourne Joomla!Day 2008
![Page 26: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/26.jpg)
Joomla! Design http://www.childrenoftherevolution.com.au
Melbourne Joomla!Day 2008
![Page 27: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/27.jpg)
Joomla! Design http://www.cinemalecep.com
Melbourne Joomla!Day 2008
![Page 28: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/28.jpg)
Joomla! Design http://www.vallartaencountours.com
Melbourne Joomla!Day 2008
![Page 29: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/29.jpg)
Joomla! Design http://www.cultureelcafe.nl
Melbourne Joomla!Day 2008
![Page 30: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/30.jpg)
Joomla! Design http://www.detainee002.com
Melbourne Joomla!Day 2008
![Page 31: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/31.jpg)
Joomla! Design http://btl.bialystok.pl
Melbourne Joomla!Day 2008
![Page 32: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/32.jpg)
Joomla! Design http://www.firststepsforkids.com
Melbourne Joomla!Day 2008
![Page 33: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/33.jpg)
Joomla! Design http://www.waterandstone.com
Melbourne Joomla!Day 2008
![Page 34: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/34.jpg)
Joomla! Design http://www.55thinking.com
Melbourne Joomla!Day 2008
![Page 35: Joomla! Templates - Sydney](https://reader034.vdocuments.us/reader034/viewer/2022042601/55494717b4c9050a4d8b563f/html5/thumbnails/35.jpg)
SydneyJoomla!User Group
CREATIVE JOOMLA!
Dinah Randall / Sydney Joomla!Day 2008Slides online at www.slideshare.net - search for ‘SJD08’