Developing joomla 1.6 templates
-
Upload
chad-windnagle -
Category
Technology
-
view
119 -
download
0
description
Transcript of Developing joomla 1.6 templates
![Page 2: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/2.jpg)
The Big Question:
Do
Joomla! 1.5 Templates
=
Joomla! 1.6 Templates
???
![Page 3: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/3.jpg)
The Big Answer:
No. But almost!
![Page 4: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/4.jpg)
Few Differences:
Minor Code ChangesNew 1.6 Feature: Template StylesAdvanced Style ACL
![Page 5: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/5.jpg)
Few Differences:
Minor Modifications to templateDetails.xml
Add DocType DefinitionUpdate install version number to 1.6Optional: Template configuration
params (fieldsets - saved in params.ini)
![Page 6: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/7.jpg)
Few Differences:
![Page 8: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/8.jpg)
Editing Template Parameters
![Page 9: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/9.jpg)
Editing Template Parameters
![Page 10: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/11.jpg)
What Tools Do I Need?• Localhost or Web HostingLocal: 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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/15.jpg)
index.php
![Page 16: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/16.jpg)
templateDetails.xml - contents
• DocType• Install Parameters
oAuthor InfooDefine Directory Structure (files and folders)oDefine all Module PositionsoDefine all Config Elements
Tells Joomla What To Do
![Page 17: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/17.jpg)
templateDetails.xml
![Page 18: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/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](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/19.jpg)
template.css
![Page 20: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/20.jpg)
Packaging
![Page 21: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/21.jpg)
Installing
![Page 22: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/22.jpg)
Installing
![Page 23: Developing joomla 1.6 templates](https://reader033.fdocuments.in/reader033/viewer/2022061300/54c72fa84a7959d67c8b456f/html5/thumbnails/23.jpg)
Free Resources
• docs.joomla.org/Template_DevelopmentDocs on all things templating
• Compassdesigns.net/joomla-tutorialsComprehensive template tutorial for Joomla 1.6, includes sample template files.