This is an expert concept
So you want to create plug and play themes and Micro-Themes for ion?
Excellent! Download the Micro-Theme developer's kit below for detailed instructions on how to create your own frameworks and themes. This kit includes a developer's guide (.pdf), a master theme LESS guide (.pdf) and a companion framework (.zip). The companion framework includes an example theme (.css) and master LESS files (.less, .css).
Throughout the guide, you will find helpful references to example code in the companion framework. You will also learn:
- What the different pieces are
- Directory structure
- What a master page is
- Creating themes and Micro-Themes
- Creating themes from ion’s provided LESS Files*
- Form styling
- Framework specific image libraries
- In-console framework management
Implementers of ion path frameworks need the following minimum skills—current web site development skills including understanding and proficiency with:
- CSS (Cascading Style Sheets)
- Code compiler*
*Master LESS Files
If you are familiar with CSS pre-processors, ion has developed a set of LESS files that utilize variables that allow you to create themes in a fraction of the time as coding from just CSS. By utilizing our LESS files, you can insert your colors and fonts into the variables and get a theme in your brand colors quickly. The guide teaches you about:
- The program requirements for using our LESS files
- The content of our Master LESS Files
- The structure of our settings.less file and the important variables
IMPORTANT NOTE: This guide is applicable only to customers whose subscription commenced after March 1st, 2014. While we would recommend all customers build custom layouts using the base_layout template, If you have had your console since before March 1st, 2014 and would like to review documentation regarding how to code custom master page layouts and themes for master pages, click here.