Templates in Webkameleon

Templates in Webkameleon are prepared by its authors to be easily changable, flexible and understandable for any webmaster. Anyone who wants to change or create his template should have a knowledge of HTML, Javascript and CSS. Let's get started from the configuration file that needs to exist in the root directory of the template and is called config.ini.

config.ini

is a configuration file with the the structure described in PHP documentation: http://www.php.net/parse_ini_file

First of all configuration file sais to webkameleon what kinds of pages will be available to the user of cms. Usualy there are two kinds of web pages: home and other. To achive this goal we have to put such lines as a definition:

webpage.type.0.name = 'H0ME'
webpage.type.0.filename = 'home.html'

webpage.type.1.name = 'PAGE'
webpage.type.1.filename = 'page.html'

As you can see there are two types of web page. Each type has to have a unique integer that represents identyfication of the type. Those numbers will be usefull futhermore. Note, there are also file names, that should be prepared. All HTML files should be placed in html directory of the template. 

Find more information about config.ini

SFTP access

Template is created is a template directory of your site. You can access it via SFTP. To do that go to
Tools ⇒ Webmaster ⇒ SFTP access
and generate user and password for your access 
Read more

Create html files

The minimum that has to be done is one webpage layout. Create a html file and configure its name in config.ini. The head section is filled with your own contents. Use {template_dir} Smekta™ variable to point to the root template directory. In the body HTML section Webkameleon needs you to implement 3 sections: header, body and footer. Each section is devided to levels. Levels are defined in config.ini and used as {levelX} variable

<html>
<head>
   <title>{page.title}</title>
   <link href="{template_dir}/css/main.css" type="text/css" rel="stylesheet"/>
</head>
<body>
   {with:header}
      <div>{level101}</div>
      <div>{level102}</div>
   {endwith:header}

   {with:body}
      <div>{level1}</div>
      <div>{level2}</div>
      <div>{level3}</div>
   {endwith:body}

   {with:footer}
      <div>{level201}</div>
      <div>{level202}</div>
   {endwith:footer}

</body>
</html>

Levels

Levels are collections of modules (boxes) inserted via Insert menu in Webkameleon. After inserting any box you will be able to drag and drop it wherever you need.

Custom boxes

If modules prepared by Webkameleon don't satisfy your HTML needs you can prepare your own. They will be insertable via Insert menu. 

config.ini:

webtd.type.X.name = 'My special box'
webtd.type.X.filename = 'box.html'

where X is positive integer identifying type of your box. box.html should be placed in html/ directory of your template