Blog

We have just released a fantastic new feature called the Web Designers' Development Kit (or WDK).

What is the WDK?

The Web Designer's Development Kit (or WDK), is a framework that allows designers to create custom templates for use within the Create system.

It enables the use of the Create colour schemes, so the design can not only have dynamic content, but dynamic colours and styles.

Spend just minutes editing a pre-made design and making it compatible, to create your completely customised, and controllable website.

What does it offer?

Here's a summary of all the great features that make the WDK both a powerful tool and a great extension to the Create system.

• Requires just one file; index.html
• Handy upload feature allows you to include external CSS, images or Javascript for your template.
• A huge list of tags allowing you to utilize every feature of the Create system including;
  • Side Columns
  • Menus
  • Colour Functions - to allow use of our dynamic colour schemes.
  • Header Functions
  • Basic Logic - create a dynamic and adaptable site using if statements.
    
• Extensive documentation outlining every feature of the WDK
• Error Reporting & Syntax Checking - When you upload your custom template, we check that you've put the right tags in the right place, and then tell you where/if you've gone wrong!
• Easy installation - simply upload a valid index.html and choose your template from the design screen!
• Shareability - Zip up your template files and send them to a friend, they can then upload it and use it straight away!

How does it work?

It works by parsing HTML comments, formatted in a certain way, to determine where you want to place particular elements on a page.

For instance, if you wanted to place the page title within a h1 tag, you would do the following;

<h1><!--WDK:display:pagetitle--></h1>

Automatically, our system would read this comment tag, and generate the relevant page title.

How do I use it?

The WDK is available on the Colours & Design screen. Simply click the WDK button on the menu.

For the full documentation, click here. To see some examples of what can be done with the WDK, click here.