Joomla! Day UK 2009 Template Design

  • Published on
    16-Apr-2017

  • View
    2.890

  • Download
    0

Embed Size (px)

Transcript

Slide 1

Joomla! Day UK 2009

Joomla! Day UK 2009

Template Design

Chris Davenport
Joomla! Core Team

Providing a flexible platform for digital publishing and collaboration.

Understanding templates

Joomla has an incredibly powerful template system,yet surprisingly few template designersactually make use of this power.

Use a reset script

Tip: Always use a browser reset script.

eg. Eric Meyer's reset.css

http://meyerweb.com/eric/tools/css/reset/

You can be clever and use the Joomla API:

$reset = '/templates/' . $this->template . '/css/reset.css';$this->addStylesheet( $this->baseurl . $reset );

Or use a CSS framework

Examples:http://www.blueprintcss.orghttp://developer.yahoo.com/yui/grids/http://elements.projectdesigns.org/http://www.wymstyle.org/en/http://www.yaml.de/en/http://code.google.com/p/css-boilerplate/

Template execution

Template execution is a two-phase process.

Phase 1: All PHP code is executed.

Phase 2: All jdoc:include statements are replaced.

See: http://docs.joomla.org/How_are_templates_executed%3F

Template execution

In phase 1 all the PHP code is executedIn phase 2 all the jdoc:include statements are replacedBefore execution

After Phase 1

Main Menu

  • ...... other HTML omitted ......

    Template execution

    After Phase 2

    What does it mean?

    Calls to $this->addScript() and similar API calls can be placed anywhere in the template.

    jdoc:include statements can be constructed programmatically.

    Example: