How to start a new design

Things you should know before starting a new design

  1. HTML/CSS – Creating a new design is meant for technical users who know their way around HTML & CSS. This is important in order to create high quality templates which are compatible with all different types of browsers and devices, and maintain good SEO.
  2. Django – 9folds is built on top of Django and as such uses Django templating language. Start by quickly reviewing the templating language here and maybe also on the available functions which will help you create robust templates here.
  3. Template inheritance – Creating a new template from scratch is a redundant and unnecessary task. We recommend that you take a look at some of the publicly available template sources and fork your new template from one. A list of publicly available template source is available here on GitHub. A good starting point is the White Vanilla. In any case please notice that every template must start by inheriting from the base templates which are hardcoded in 9folds using the following syntax: {% extends pack.base.template %}. This is essential in order to allow proper and uniform HTML structuring like meta-keywords, meta-description tags, Google Analytics reporting, page title structure and much more…

Creating a new design

  1. Create new site – Go to your dashboard and select Create new to start a new site which will be used to store the HTML/CSS/JS resources you will upload. In the URL field add the prefix design-. This will indicate the system that this is not a regular site, but rather a template. From now on, your new design will show in the list of available design list in “Site setting” (gear icon)
  2. Upload HTML CSS – In the site settings tab (gear icon), under Portfolio Files click Select File and upload your new HTML/CSS/Flash/Javascript files.
  3. Test your template – Now that your new files are up, go to your new design site (e.g: or alternatively to a site which is using your design, and make sure it is showing up correctly on all browsers and platforms.