Site Skins (Templates)
Creating skins (templates) for a SkyBlueCanvas site could not be easier. There is no PHP code to write and no complicated templating scripts. Simply build your HTML and CSS with the text editor of your choice, and add simple tokens where the content will be placed.
SkyBlueCanvas parses the skin and replaces the tokens with the content you specify as demonstrated in Collections_Publishing.
This approach to templating means you can very easily convert your existing site design to SkyBlueCanvas.
Below is an example of a 3-column layout skin for SkyBlueCanvas. The skin HTML defines the structure and the appearance is handled by the CSS - as it should be.
You will notice that the skin above does not contain the DOCTYPE, HTML, HEAD or BODY tags. This is because SkyBlueCanvas knows every HTML document has to have these elements, so it intelligently adds them for you. That means there is less code for you to write. You only create the basic structure for everything that appears between the BODY tags.
In fact, SkyBlueCanvas does not care at all about your HTML at all. When a page is displayed using your skin, SkyBlueCanvas really only cares about the tokens that tell it where to put the content.
Sample Skin
<div id="wrapper" class="[class]">
<div id="header">
<h1><a href="{site:url}">{site:sitename}</a></h1>
</div>
<div id="top">
{region:top}
</div>
<div id="left">
{region:left}
</div>
<div id="main">
{region:main}
</div>
<div id="right">
Resources
Code Examples
Partners
</div>
<div id="footer">
{region:footer}
</div>
</div>