Create Your Own Theme

Themes :: Create Your Own Theme
Creating your own theme in Zikula is actually quite simple. To start with, build a HTML/CSS layout of how your web site should look - that's the hard bit. As a simple start, you may find a existing free 'generic' template to use as a base.

Quite a few possibilities can be found;
This should give you a HTML template, the corresponding style sheet (CSS) and all images required.
Following are some steps from scratch. Alternatively, copy an existing theme and edit the files to match. This is a simplified instruction.

1. Create the folders

themes MyThemeName images style templates blocks config modules<\div>

2. Version Information

Create a files called version.php in the main directory ('MyThemeName').

3. Style Sheets

For simplicity, we will have two style sheets. One for the generic Zikula styles and one for the theme specific styles.

style.css

Create a file in the Style folder called style.css. Place into this file an exact copy CSS file from your base design.

core.css

Download the attached core.css

4. The Master Template

Take the HTML file from your base design and remove all the data except for between the tags. Place this between the same tags in this template.
<\div>
Finally, insert the pnRender tags for
  • site name - sitename
  • slogan - slogan
  • main content - $maincontent
  • left block - blockposition name=left
  • right block - blockposition name=right
  • center block - blockposition name=center
If you have a single menu are, you might consider adding both the left and right blocks. Further, the center block usually comes immediately before the main content.

5. Blocks

Create a file called block.html in the blocks directory

<\div>

6. Other Config Files




Themes :: Create Your Own Theme
Child Documents Sibling Documents
  • No Links