In order to install SC you only need hosting with PHP 5.0+
Copy contents of the SiteCake archive in the folder where your HTML files are located. It does not need to be the web root folder. New /sitecake folder will appear.
In order to allow SiteCake to take control over a certain HTML page, every request to that page should be redirected to the SiteCake's entry point script - sitecake_entry.php. Practically this means to add the following PHP code at the start of a page:
<?php include "sitecake/server/sitecake_entry.php"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
(where sitecake/server/sitecake_entry.php is the relative path from the page to the sitecake_entry.php). Pages need to be interpreted by PHP and the easiest way to do this is to rename all pages from .html to .php.
Now add 'sc-content-[name]' class to divs you want to make editable. Give specific class name to every sc-content container. The name can include numbers or underscore (_).
Example:
<div class="sc-content-editable"></div>
On the same page you can have more than one editable div, but they can't be nested. It's handy that you can use the same 'sc-container' class on multiple divs. That way all of them will have same content all the time.
You can enter SC edit mode in two ways:
<a href="#" class="sc-login">Admin login</a>
Default password is: admin. You can change it in your login dialog at any time.
Happy editing!
NOTE: This tutorial is made for previous version of SiteCake which required a license key. Just disregard that part of the tutorial.