Embed Size (px)
Citation preview
SydneyJoomla!User Group
CREATIVE JOOMLA!
Dinah Randall / Sydney Joomla!Day 2008
Inside Joomla Templates and DesignHow can I design a site in Joomla! 1.5?
Creative Joomla!
Design constraints
Creative Joomla!
Design constraints
Find and customise or build a template
Creative Joomla!
Design constraints
Find and customise or build a template
What’s new in Joomla! 1.5 templates
Creative Joomla!
Design constraints
Find and customise or build a template
What’s new in Joomla! 1.5 templates
Some interesting Joomla! designs
Design Constraints
What your designer needs to know
Site Design
Anatomy of a template
Module Positions
Module Positions Detail
General Design Constraints
Standards and accessibility
W3C standards
Usability
Tableless HTML
Accessibility
Source Ordering
SEO tagging
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/
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
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
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
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
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
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
Some interesting Joomla! designs…
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
SydneyJoomla!User Group
CREATIVE JOOMLA!
Dinah Randall / Sydney Joomla!Day 2008Slides online at www.slideshare.net - search for ‘SJD08’
