Create the Design: First, create the actual page design, using HTML code, or use a WYSIWYG program to design a layout.

Add Include Codes: Wherever you'd like each system component to go, add a special include code to the site. You can just type these in directly to a WYSIWYG program in design view, or you can add them in to the HTML code. You can add these includes within a div tag, in a table cell, etc.

A complete list of the codes you can use are available by clicking the link in the Template area of your admin - in the paragraph just above the large white custom template box. The link is called "site include codes". You can also find a complete list of the codes here in this Knowledgebase.

For instance, if you want to add a search box to search the site, you could use:

%SEARCH_SITE%

and so on, using any of the codes provided. Note that some of the codes are specific to a particular placement. For instance, the meta tags and title tags need to be added to the head of the page.

Use Absolute References: When creating your design, make sure to use the full URLs for each of the images and links.

Upload Your Design: Once you've added the includes, copy the HTML code and paste it into the "custom template" box in the "Templates" area of the admin and click Upload. This will load your template into the "template/index.htm" file, and will convert the includes into the PHP format needed for the site.

Change Your Style Sheet (optional): If you need to modify the style sheet, you can always create your own sheet - you do not have to use the one provided with the site. The easiest way to do this is to use the provided sheet, then copy/paste the classes at http://www.yoursite.com/enc/stylecss.php into your own style sheet, modify as needed, then use that instead of the one provided. This is completely optional though, and only needed if you need to change the style sheet.

Add to Favourites
Print this Article