Developing joomla 1.6 templates - Joomla!Day NYC December 2010
-
Upload
chad-windnagle -
Category
Technology
-
view
110 -
download
2
description
Transcript of Developing joomla 1.6 templates - Joomla!Day NYC December 2010
![Page 1: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/1.jpg)
Developing Joomla 1.6 Templates
Chad WindnagleJoomla!Lover
Contact:[email protected]
twitter.com/drmmr763
![Page 2: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/2.jpg)
The Big Question:
Do
Joomla! 1.5 Templates
==
Joomla! 1.6 Templates
???
![Page 3: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/3.jpg)
The Big Answer:
No. But almost!
![Page 4: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/4.jpg)
Few Differences:
Minor Code Changes New 1.6 Feature: Template Styles Advanced Style ACL
![Page 5: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/5.jpg)
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)
![Page 6: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/6.jpg)
Few Differences:
Minor Modifications to index.php New head jdoc include available Optional: Ability to directly use param.ini
values
![Page 7: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/7.jpg)
Few Differences:
![Page 8: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/8.jpg)
Editing Template Parameters
![Page 9: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/9.jpg)
Editing Template Parameters
![Page 10: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/10.jpg)
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
![Page 11: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/11.jpg)
What Tools Do I Need? Localhost or Web Hosting
Local: MAMP (Mac), WAMP / XAMMP (PC)
HTML / CSS EditorDreamweaver, TextMate, Notepad++
FTP ApplicationFileZilla (Mac/PC), Transmit (Mac)
Image EditorPhotoshop, Fireworks, Gimp (all platforms)
![Page 12: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/12.jpg)
Template Elements
PHP Code CSS Code Joomla API Code Images Additional Libraries (JS, JQuery, Ajax, etc.)
![Page 13: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/13.jpg)
What, Where, & Why?
index.php index.html params.ini template_thumbnail.png template_preview.png templateDetails.xml
css template.css index.html css/*
images index.html images/*
<JoomlaRoot>/templates/tmpl_sgo
![Page 14: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/14.jpg)
index.php – contents
DocType Header
Stylesheets Libraries Header Jdoc
Body HTML Module Jdoc Component Jdoc Message Jdoc PHP Code
![Page 15: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/15.jpg)
index.php
Loads Stylesheets, APIs & Template Logic
![Page 16: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/16.jpg)
templateDetails.xml - contents
DocType Install Parameters
Author Info Define Directory Structure (files and folders) Define all Module Positions Define all Config Elements
Tells Joomla Installer What To Do
![Page 17: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/17.jpg)
templateDetails.xml
![Page 18: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/18.jpg)
template.css - contents
• Body CSS• HTML Div Class / ID CSS• Menu CSS
Controls the layout, look and feel
![Page 19: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/19.jpg)
template.css
![Page 20: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/20.jpg)
Packaging
![Page 21: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/21.jpg)
Installing
![Page 22: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/22.jpg)
Installing
![Page 23: Developing joomla 1.6 templates - Joomla!Day NYC December 2010](https://reader034.fdocuments.in/reader034/viewer/2022051400/54c72fa04a7959e7698b45cb/html5/thumbnails/23.jpg)
Free Resources
docs.joomla.org/Tempale_DevelopmentDocumentation on Joomla Templates
compassdesigns.net/joomla-tutorialsComprehensive template tutorial for Joomla 1.6, includes sample template files.
http://www.slideshare.net/ChadWindnagle