Table of Contents
| title | permalink |
|---|---|
| Theme Design | /Theme_Design/ |
Theme Structure
+ e107_themes (dir)
↓
+ theme_folder (dir)
↓
+ theme.php
+ theme.xml
+ style.css
+ e_module.php (Optional)
+ index.html
+ theme.js OR theme-js.php (Optional)
+ favicon.ico (Optional)
+ preview.jpg (Optional)
↓
+ forum (dir) (Optional)
↓ ↓
↓ + (custom forum image set)
↓
+ images (dir)
↓ ↓
↓ + bullet.png
↓ + other_images.jpg
↓ + index.html
↓
+ languages (dir) (Optional)
↓ ↓
↓ + English.php
↓ + Italian.php
↓ + index.html
↓
+ menu (dir) (Optional)
↓ ↓
↓ + menu.css
↓ + menu.js
↓ + menu_rtl.css
↓ + index.html
↓
+ tempates (dir) (Optional)
↓
+ index.html
+ plugin (dir)
↓
+ plugin_template.php
theme_folder
The theme folder is the main container for your theme. It should contain all of the files required to build your theme and extend e107's display features.
theme.php
This contains the main design of your external site.
theme.xml
theme.xml complements theme.php file, providing data about the theme itself. (This is different to plugins, where plugin.xml replaces the plugin.php file used in 0.7/1.0). Various layouts can be configured and Menu-Presets created. Custompages are assigned in theme.xml. (Adding $CUSTOMPAGES to theme.php, as was done in 0.7/1.0, is now deprecated and should be avoided).
style.css
This contains the stylesheet information used by the various html elements used in e107.
e_module.php
This file is used for extending the core functions within e107. For advanced users only.
index.html
Do not leave a folder without an index file, placing an empty file named index.html inside every folder you create in e107. This is recommended for security purposes.
theme.js
(Optional)
To include theme related JavaScript in your websites
<head> , which is through the creation of a theme.js file in your themes directory. If e107 finds this file in your themes folder it automatically outputs ae107 v2.x