Developing joomla 1.6 templates - Joomla!Day NYC December 2010

DevelopingJoomla 1.6 Templates
Chad Windnagle
Joomla!Lover
Contact:chad.windnagle@resources.joomla.org
twitter.com/drmmr763

The Big Question:
Do
Joomla! 1.5 Templates
==
Joomla! 1.6 Templates
???

The Big Answer:
No. But almost!

Few Differences:
Minor Code Changes
New 1.6 Feature: Template Styles
Advanced Style ACL

Few Differences:
Minor Modifications to templateDetails.xml
Add DocType Definition
Update install version number to 1.6
Optional: Template configuration params (fieldsets - saved in params.ini)

Few Differences:
Minor Modifications to index.php
New head jdoc include available
Optional: Ability to directly use param.ini values

Few Differences:

Editing Template Parameters

What is a template, anyway?
“The Joomla template is a series of files within the CMS that control the presentation of the content.”
-Barrie North, CompassDesigns.net

What Tools Do I Need?
Localhost or Web Hosting
Local: MAMP (Mac), WAMP / XAMMP (PC)
HTML / CSS Editor
Dreamweaver, TextMate, Notepad++
FTP Application
FileZilla(Mac/PC), Transmit (Mac)
Image Editor
Photoshop, Fireworks, Gimp (all platforms)

Template Elements
PHP Code
CSS Code
Joomla API Code
Images
Additional Libraries (JS, JQuery, Ajax, etc.)

What, Where, & Why?
<JoomlaRoot>/templates/tmpl_sgo
css
template.css
index.html
css/*
images
index.html
images/*
index.php
index.html
params.ini
template_thumbnail.png
template_preview.png
templateDetails.xml

index.php – contents
DocType
Header
Stylesheets
Libraries
Header Jdoc
Body
HTML
Module Jdoc
Component Jdoc
Message Jdoc
PHP Code

index.php
Loads Stylesheets, APIs & Template Logic

templateDetails.xml - contents
Tells Joomla Installer What To Do
DocType
Install Parameters
Author Info
Define Directory Structure (files and folders)
Define all Module Positions
Define all Config Elements

templateDetails.xml

template.css - contents
Controls the layout, look and feel
Body CSS
HTML Div Class / ID CSS
Menu CSS

template.css

Packaging

Installing

Free Resources
docs.joomla.org/Tempale_DevelopmentDocumentation on Joomla Templates
compassdesigns.net/joomla-tutorials
Comprehensive template tutorial for Joomla 1.6, includes sample template files.
http://www.slideshare.net/ChadWindnagle

http://www.chadwindnagle.com	73
http://chadwindnagle.com	11
http://paper.li	1

Developing joomla 1.6 templates - Joomla!Day NYC December 2010

by Chad Windnagle on Dec 04, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 85

Statistics

Developing joomla 1.6 templates - Joomla!Day NYC December 2010 — Presentation Transcript