Build the data tree

The data is divided in 2 types of elements:

• Static contents which are single fields. Example: the description of the website.
• Flows which are sets of items. Example: a portfolio. Items of a flow share the same fields.

It's suggested to create a .json file for each independent part of your website to avoid useless loads. Example: the portfolio and the about text are stored in home.json and the blog in blog.json.

Load your theme

Open index.php then change the load() .json data file path and the tpl::parse() .html template file path to match with yours. You can load or parse more than one file by duplicating the lines.

If you want to create a separate page, copy paste the index.php file in the same directory then edit the file name and the data and template files path.

From now on, links between pages must call .php root files.

Inject the data

In the panel, you have the matching variable name under each field and each flow. Call a simple variable to display its value: {about_text}. Use the following syntax for flows:

{item in $articles} <!-- "item" is a prefix to avoid conflicts and could be named as you want -->
    <h2>{item_title}</h2>
    {item_text}
{end}

To set a conditon, use this syntax:

{if /*PHP syntax here, you have access to all the variables*/}
    <!-- content -->
{elseif /*PHP syntax*/}
    <!-- content -->
{else}
    <!-- content -->
{end}

Want to do more? uses Templite engine, read its short documentation.

Extra contents

An automatic variable is set to each item of a flow, called $id. Its value is the specific zero-based number of the item.

Variables have not always simple text value. To help, some field types automatically create extra variables: date, image... Just open the source in your browser to see the available variables and their content at the end of it.

Sort and filter flow items

{prefix in sortFlow($flow, 'id')}...{end} sorts a flow by item $id ascendant.
{prefix in sortFlow($flow, 'id', true)}...{end} sorts a flow by item $id descendant.
{prefix in filterFlow($flow, '$id <= 3')}...{end} selects the items which id is 3 or less. Use PHP syntax and the items variables to write conditions.
{prefix in sortFlow(filterFlow($flow, '$id <= 3'), 'id', true}...{end} both filters and sort matching items.

Publish

First, turn off the developer mode in the panel to freeze the data tree by editing ./panel/index.php. A comment will help you on line 8.

Then, turn into comment the tpl::fix() line of each PHP root file you have created to hide the variables list.

Finally, turn the cache on for each PHP root file to increase performances and prevent from misclicks on the panel. A comment will help you on line 3. Just click on 'Publish' in the panel each time you want the website to be refreshed.