Developer

Regions

Customizable areas that can't be moved around

Region highlight icon

region

block-region or -block-region: true

Group of elements and Components that can be customized.

Example

<div class="block-region">
  <h1 class="block-edit" style="text-align: left">Title</h1>
  <p class="block-edit" style="text-align: left">Content</p>
</div>

repeat

block-repeat or -block-repeat: true

Allows duplicating a Region, making it part of a listing where each copy can be reordered or removed.

Example

<div class="block-region block-repeat">
  <h1 class="block-edit" style="text-align: left">Title</h1>
  <p class="block-edit" style="text-align: left">Content</p>
</div>

remove

block-remove or -block-remove: true

Allows a Region to be removed.

Example

<div class="block-region block-remove">
  <h1 class="block-edit" style="text-align: left">Title</h1>
  <p class="block-edit" style="text-align: left">Content</p>
</div>

groups

Groups are alternate versions of regions that you can enable to choose from. This allows for preset design features and formatting options that can be switched between. More info →

Implementation Support

Need help implementing your template? Here are some options: