Quick Overview

This page is an overview of how to use the plugin, the basic concepts that will help you use Builderius more efficiently.

Adding templates. Editing templates' settings.#

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.

Builderius templates table overview

  1. Adding templates button.
  2. A template name (click on the text to start editing, click outside to end editing the text).
  3. The link to edit template page (shown on hover over the row item; allows entering the builder mode).
  4. Status: switch on/off the template.
  5. 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.
  6. Apply rules: this button opens a query builder for setting conditional rules, determining which pages will use the template.
  7. Save changes. The Grey color of the button indicates no changes; the green color indicates that some changes are made and can be saved.
  8. 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.
  9. Delete the template.

Examples of Apply Rules#

There are some examples of setting up Apply Rules:

Apply to page by ID#

Apply rules example

Apply to two pages by ID#

Apply rules example

Apply to two pages by ID - an alternative version#

Apply rules example

Apply to two pages by ID and to posts in specific category or with a specific tag#

Apply rules example

After the Apply Rules are being set, click on Save icon to save changes.

Builderius templates table overview

  1. Save changes in the query builder.
  2. Cancel changes in the query builder.

Adding modules/layouts#

There are buttons + Module/+ 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
  • hamburger icon gives access to actions: edit settings, duplicate
  • trash bin icon gives access to action: delete the module

Module's settings#

Hover over a Module's Tree item, then hover over the hamburger icon to open a small overlay with two links Settings and Duplicate. Click on the Settings link to enter the chosen module's settings tab of the Panel.

Parent and children modules#

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:

  1. by creating a new module inside module-container;
  2. by drag'n'drop operation, so existing module becomes children for module-container;

Option 1:#

  • 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.

Option 2:#

  • hover over a Module's Tree item, precisely hover over vertical lines handler 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 move;
  • release the hovered module, and it will be moved;

Save, commit, publish changes#

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.

VCS - git graph items

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.