Create your first layout
We are going to create our first page layout. It's recommended that you start with the standard layout for a content page. In a later phase you can create layout variants for homepage, sidebar, etc...
If you started from a theme or layout these layouts are already created for you. You can however delete, edit and add your own elements to these pre-installed layouts. In this case click the edit button to open the layout in the design editor.
When you started from scratch go to the design start page, add a name for your first layouts and click create new.
Add design elements
The design editor opens in placeholder mode. This mode uses placeholder content when rendering design elements and page content.
To add a design element to your layout simply click the green plus button next to header, content & footer.
Browse through the available catalogue of design elements per section.
Click the preview button to see a wireframe example of the design element. Click the Add to site button to install the element to the corresponding section.
Learn more about layout structures: https://support.sitemanager.io/hc/en-us/articles/208676269-SiteManager-Design-Layout-Structure
This is how a layout structure might look like after adding multiple design elements. To style an element we click the green painbrush icon next to the design element as shown below.
Browse through the style properties of the design element. When you see a dark green ! circle next to the property it indicates that the property has been set and used.
Change the style properties for an element and click the green save button to save and generate a new css file.
Learn more about the design editor here: https://support.sitemanager.io/hc/en-us/articles/209407325-SiteManager-Design-Editor
Click the publish layout button when you are happy with how your placeholder layout structure looks.
Your layout is no ready to use for the CMS application.
More about publishing layouts: https://support.sitemanager.io/hc/en-us/articles/209383169-SiteManager-Design-Publish-Layout