This page is an overview of how to use the plugin, the basic concepts that will help you use Builderius more efficiently.
Everything starts from creating a template. In Builderius, each template is a blank canvas page with no content. By adding modules and styles for them, you create an HTML template with a specific design.
- Adding templates button.
- A template name (click on the text to start editing, click outside to end editing the text).
- The link to edit template page (shown on hover over the row item; allows entering the builder mode).
- Status: switch on/off the template.
- Sort order: since several templates might be applied to the same page (or pages), use sort order to specify the priority of such templates; the lower value of the sort order means higher priority.
- Apply rules: this button opens a query builder for setting conditional rules, determining which pages will use the template.
- Save changes. The Grey color of the button indicates no changes; the green color indicates that some changes are made and can be saved.
- Cancel changes. Similar to the Save button, its color indicates whether there are unsaved changes or not. This button cancels all the changes made for the specific template.
- Delete the template.
There are some examples of setting up Apply Rules:
After the Apply Rules are being set, click on
Save icon to save changes.
- Save changes in the query builder.
- Cancel changes in the query builder.
There are buttons
+ Layout in the builder panel that opens a new panel page with modules/layouts that can be added to the page. These buttons add items to the root of the Modules Tree.
There are modules-containers, e.g. Row, Column, which can host other modules. Hovering over the item in the Tree reveals additional management buttons:
+for adding modules/layouts as a child for the targeted module
hamburgericon gives access to actions: edit settings, duplicate
trash binicon gives access to action: delete the module
Hover over a Module's Tree item, then hover over the
hamburger icon to open a small overlay with two links
Duplicate. Click on the
Settings link to enter the chosen module's settings tab of the Panel.
In terms of nesting possibility, there are two types of modules: containers and simple modules. All modules-containers can be added to the root and have children modules. Adding children modules can be achieved in two ways:
- by creating a new module inside module-container;
- by drag'n'drop operation, so existing module becomes children for module-container;
- hover over a Module's Tree item, then hover over
+icon and choose what to add: module or layout; the click on either choice opens the panel page with all the things available of the selected type;
- pick a particular item from the list and click on it;
The chosen module/layout will be added to the targeted module.
- hover over a Module's Tree item, precisely hover over
vertical lineshandler and start dragging the item;
- drag the item over another tree item: if it is a simple type of module, the sort operation will be performed (the overlay below the item will tip if the dragging module will be added before or after the targeted one); to move a module inside another parent, this parent must be opened in advance; hovering over an empty module-container reveals small overlay that says
- release the hovered module, and it will be moved;
To save changes in a template, click on the
green diskette icon on the Panel so that action will open
Version Control System (VCS) tab. Hover over the
master HEAD graph item and click Save. This operation means "saving without committing". Use it when you want to save current progress.
In the Version Control System tab, hover over the
master HEAD graph item and click on the Commit link to create a restoration point. Commits can be previewed and published.
Commits are helpful when you want to save any significant progress made. Also, you can checkout into any commit and create a new branch from the commit, which would be like an alternative version of your design.
If you are ready to display your design (to make it visible for visitors), then create a commit and publish it. Do you remember that templates can be switched on/off by changing its status? If specific template has published commit and it has status "active", then such template will be visible for all visitors of the site.