CREATIVE JOOMLA! Dinah Randall / Melbourne Joomla!Day 2008

Inside Joomla Templates and Design How can I design a site in Joomla! 1.5?

How can I design a site in Joomla! 1.5?

Inside Joomla Templates and Design How can I design a site in Joomla! 1.5? Words from a template designer and coder

How can I design a site in Joomla! 1.5?

Words from a template designer and coder

Creative Joomla! Design constraints

Design constraints

Creative Joomla! Design constraints Find and customise a template

Design constraints

Find and customise a template

Creative Joomla! Design constraints Find and customise a template What’s new in Joomla! 1.5 templates

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

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

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

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,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/ 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

Free templates

http://www.bestofjoomla.com/component/option,com_bestoftemplate/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/ 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 Tutorials http://www.compassdesigns.net/tutorials/joomla-tutorials/joomla-1.5-template-tutorial.html http://forum.joomla.org/index.php?topic=248595.msg1144729#msg1144729 Customising a Joomla! 1.5 template is not an entry-level job!

Using your own logo, styles & menus

Template Tutorials http://www.compassdesigns.net/tutorials/joomla-tutorials/joomla-1.5-template-tutorial.html http://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

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, -3 Use raw, xhmtl, table, horz, rounded, none, outline Module positions defined in XML Over-rides Content calls Migration from 1.0 to 1.5

Parameters

Chrome

No more -1, -2, -3 Use raw, xhmtl, table, horz, rounded, none, outline Module 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

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 calls New calls to Joomla methods and parameters from index.php - jdoc Migration from 1.0 to 1.5

Parameters

Chrome

Over-rides

Content calls New 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=&quot;modules&quot; name=&quot;right&quot; style=&quot;xhtml&quot; /> <jdoc:include type=&quot;component&quot; />

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=&quot;modules&quot; name=&quot;right&quot; style=&quot;xhtml&quot; />

<jdoc:include type=&quot;component&quot; />

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_template http://forum.joomla.org/index.php/topic,248595.0.html

Parameters

Chrome

Over-rides

Content calls

Migration from 1.0 to 1.5

That’s a good look! Joomla! designs…

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

CREATIVE JOOMLA! Dinah Randall / Melbourne Joomla!Day 2008 Slides online at www.slideshare.net - search for ‘MJD08’