In addition to Community Joomla! , I am pleased to announce the Manual development of templates for Joomla! 1.5: Step by Step Guide , a comprehensive help to create a functional template, illustrated by 100% real and practical .
Before you begin
- You can download the source files and the PDF version of the manual from Community Joomla !
When you necessarily should have :
- Basic knowledge of HTML, CSS and PHP ;
- Knowledge of the environment Joomla! and basic concepts (which is a module, which is a component, etc.)
- A local server or remote Joomla! 1.5 installed;
- A program editor (for example Notepad );
- Read the tutorials to create a template for Joomla! 1.0.x is not 100% necessary, can serve to accelerate the learning as the way of work and the concepts are the same .
- Basic structure of a template for Joomla! 1.5.x
- Create a folder for our template
- Creating templateDetails.xml
- Creating index.php
- Editing template.css
- Classes belonging to content
- Modules belonging to Classes
- Other major classes CSS
- Classes belonging to content
- Management parameters in the staffing
- Creating template_thumbnail.png
- Bits end
Basic structure of a template for Joomla! 1.5.x
Basically a template can be formed by the following folders and files :
- css : This is the folder that contains the cascading style template.
- html : This folder holds files that operate as a template for specific modules and components. Its use is not a priority but is a feature to exploit if you want a custom code for components / modules.
- images : contain the images used for the design .
- index.php : The main file, containing all the HTML and PHP directives Joomla! to load the content (articles, components, modules, etc.).
- templateDetails.xml : Determinant so that the template is recognized in the back-end of the CMS. It has various data such as license, copyright, e-mail, and so on. In Joomla! 1.5 template parameters may be manageable from the back-end to change the display of the template. In this file and add the parameters of the positions available for display modules.
- template_thumbnail.png : It is the image that will act as a preview of the template in the administration.
- params.ini : Contain the values to set the parameters of the template. If the template does not have to set parameters, this file is not required.
- template.css : This is the main cascading style inside the folder ‘css’. In the branch of Joomla! 1.0.x this file was the name of template_css.css
- favicon.ico : This is the favicon we will use our site.
- several images : shape the design of the template .
Inside the folder ‘html’, as I said above, be specific files and folders for modules and components of the site. I can handle them as we like the look and output of these components and modules. The idea is that the plan will prevail over the HTML output generated by Joomla! In this way, for example, can replace all the tables that generates such a component and replace them with DIVs .
Create a folder for our template
The first thing we will do is create the folder where the files will stay on our staff. For that, go to the directory ‘templates’ Joomla! and create a folder with the name you want, lowercase, and if several words, without spaces. Then we can create subfolders necessary: css, images and / or HTML