Embed Size (px)
Citation preview
SydneyJoomla!User Group
CREATIVE JOOMLA!
Dinah Randall / Melbourne Joomla!Day 2008
Inside Joomla Templates and DesignHow can I design a site in Joomla! 1.5?
Inside Joomla Templates and DesignHow can I design a site in Joomla! 1.5?
Words from a template designer and coder
Creative Joomla!
Design constraints
Creative Joomla!
Design constraints
Find and customise a template
Creative Joomla!
Design constraints
Find and customise a template
What’s new in Joomla! 1.5 templates
Creative Joomla!
Design constraints
Find and customise a template
What’s new in Joomla! 1.5 templates
That’s a good look!
Design Constraints
What your designer needs to know
Site Design
Anatomy of a template
Module Positions
Module Positions Detail
Design Constraints
Standards and accessibility
W3C standards
Usability
Tableless HTML
Accessibility
Source Ordering
SEO tagging
Find a template
Free templates
http://www.bestofjoomla.com/component/option,com_bestoftemplate/Itemid,46http://www.joomla.org/content/blogcategory/19/51http://joomlashack.comhttp://www.siteground.com/joomla-hosting/joomla-templates.htmhttp://www.joomla24.com/http://forum.joomla.org/index.php/board,479.0.html
Blank (unstyled) 1.5 template
http://s.imp.ly/joomla/index.php?option=com_content&view=article&id=45&Itemid=54&6414148bfaaea5bf75a0d701b35febbb=0322fd5f0fdf9596191344b8f91a1464
Customise a template
Using your own logo, styles & menus
Template Tutorialshttp://www.compassdesigns.net/tutorials/joomla-tutorials/joomla-1.5-template-tutorial.htmlhttp://forum.joomla.org/index.php?topic=248595.msg1144729#msg1144729
Customising a Joomla! 1.5 template is not an entry-level job!
What’s new in 1.5
Parameters
Used in 1.5 to select colour, font-size, width, layout and menu options. Defined in the XML and params.ini files
Chrome
Over-rides
Content calls
Migration from 1.0 to 1.5
What’s new in 1.5
Parameters
Chrome
No more -1, -2, -3Use raw, xhmtl, table, horz, rounded, none, outlineModule positions defined in XML
Over-rides
Content calls
Migration from 1.0 to 1.5
What’s new in 1.5
Parameters
Chrome
Over-rides
Over-ride HTML output for any component or module – model/view/controller. See ‘Beez’
Content calls
Migration from 1.0 to 1.5
What’s new in 1.5
Parameters
Chrome
Over-rides
Content callsNew calls to Joomla methods and parameters from index.php - jdoc
Migration from 1.0 to 1.5
Content Calls
1.0 old style
$mainframe->getTemplate()
$mosConfig_live_site
<?php mosLoadModules ( 'right',-2 ); ?>
<?php mosMainBody(); ?>
1.5 new style
$this->template
$this->url
<jdoc:include type="modules" name="right" style="xhtml" />
<jdoc:include type="component" />
What’s new in 1.5
Parameters
Chrome
Over-rides
Content calls
Migration from 1.0 to 1.5
http://www.developer.joomla.org/wiki/Tutorial:Upgrading_a_Joomla%21_1.0.x_templatehttp://forum.joomla.org/index.php/topic,248595.0.html
That’s a good look!
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 / Melbourne Joomla!Day 2008Slides online at www.slideshare.net - search for ‘MJD08’
