Setting elements in Free version. Free version of the program performs no changes in layout structure, you can only adapt your theme to a ready-made grid.

Image 1.1 Template layout

You can assign certain elements for each grid block. There are four elements: Header, Sidebar, Post, Footer. (Image 1.1). Therefore, before you create a theme, you have to take care about the element style that you want to assign to WordPress CMS elements. Let’s consider each block’s elements in details. Side Bar. In this block all main elements’ styles of the Sidebar are assigned, namely – widget styles.

• Form text field – this role specifies that the element is the text field. Each parameter of the element is taken into account (size, background etc.), the input text style is also set (we take parameters from the text overlaying this element).
• Form “Submit” button – this role specifies that the element is the button. We take parameters similarly to the Text field form.
• Sidebar caption – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all widgets’ names.
• Sidebar link – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all links that are used in the current block.
• Sidebar text – when assigning this role we take all parameters of the element (size, colour, font) and apply them to the whole text used in the current block.

Image 1.2 “Sidebar” block elements

Post. In this block you can set the styles and positions of the main blog elements. Let’s consider each element role in details.

• Post main title – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all entries’ titles.
• Post date – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all publication dates.
• Post Author – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all author’s links.
• Post text – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all entries’ texts.
• Number of comments – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all numbers of comments.
• Comments link – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all comment links.
• Read more – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all links with the “more” tag.
• Comment response – when assigning this role we take all parameters of the element (size, colour, font) and apply them to the “response” text.
• Previous comments link – when assigning this role we take all parameters of the element (size, colour, font) and apply them to the previous comments link.
• Next comments link – when assigning this role we take all parameters of the element (size, colour, font) and apply them to the next comments links.
• Comment author – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all author’s comments links.
• Comment date – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all dates of comments publication.
• Comment text – when assigning this role we take all parameters of the element (size, colour, font) and apply them to all comments texts.

Image 1.3 Post block elements

Header. Footer. In these blocks you can assign additional elements:

• Useritem 1-5 - user defined element(s)

Image 1.4 Additional elements

After that, element gains the following properties (“Element properties” window (Image 1.5)):

• Link – if the field is not empty, the element will be converted to a link which address is contained in the current field.
• CSS id name – in this field you can specify CSS element name. (The element gets an “idxxx” name, where xxx is the element’s number).
• Export text as – this field appears only in case the element set is a part of a text layer. You have a choice here: how exactly you want to display the element – as an image or as text.