Every /motif-powered template must have a core them. The themeable template already has the core theme structure in place. All you have to do is modify the core theme's index.php file.
All themes are located at
The core theme is in the /core directory. If no /core directory exists, simply add one to the /themes folder. (NOTE: To add another theme, simply add another folder to the /themes folder in your templat.)
The core theme in the themeable template has the following structure:
/css
|_ /css/template.css
|_ /css/index.html
/html
|_ /html/modules.php
/images
|_ /images/arrow.gif
|_ /images/index.html
|_ /images/moif.gif
|_ /images/themeables.gif
/js
|_ /js/index.html
/beforehead.php
/component.php
/head.php
/index.html
/index.php
/offline.php
To add a new CSS file, simply create a CSS file and upload it to the /css folder. The framework will automatically load the file to your template. The images that come with the themeable template are for demonstration purposes and can be replaced with your own images. If you load a Javascript file to the /js folder, it will automatically get loaded to your template as well.
The PHP files in the root of the core theme folders each serve a specific purpose.
- beforehead.php - This file will get loaded into your template in the HEAD tag before Joomla!'s HEAD tags get loaded.
- component.php - This file is loaded when "tmpl=component" is added to the URL. There is no need to change this file unless you want to customize it.
- head.php - This file will get loaded into your template in the HEAD tag after Joomla!'s HEAD tags get loaded.
- index.php - This is the main entry point for your theme. The framework automatically loads the HTML, HEAD, and BODY tags, so you can get right into coding the theme's markup. You can use the default Joomla! markup like in a regular template, or you can use /motif's shortcut functions.
- offline.php - This file is loaded when you take the site offline. It is identical to the default offline.php file that Joomla loads, except that it removes the Joomla! logo. If you add an image to your theme called "logo.png", "logo.gif", or "logo.jpg", that will be loaded in the offline view. There is no need to change this file unless you want to further customize it.
