Step 1 - Create Block

  1. Select Add Content > _Responsive > Content Block
  2. Name the content block file and select placement folder

Naming Content Blocks

A content block file name should reflect the page it will be on, with a dash, and a descriptor. For example, a content block that will be wired to the index page should be named index-content. If there is more than one content block needed on a page, name them according to the type of content they contain for easy identification. For example, a file with feed content should be named index-feeds; in the same way, a slideshow for an index page should be named index-slideshow, and an announcement block for an index page should be named index-announcements. Naming content blocks this way helps show relationships between blocks and pages, which will make it easier to maintain in the future. Enter file name in "Definition Block Name" field.

Placement folder for Content Blocks

Content blocks should be located in a "_content" folder in your website folder. These "_content" folders can be inside every folder of your website, depending on how organized you want it to be; if you create more folders in your website, we suggest creating a "_content" folder inside each of them. You will need to create a "_content" folder if you do not have one.

Creating folders

  1. Select Add Content > _ALL > Folder
  2. Name the folder
    1. For an organizational folder, choose a name that follows the naming guidelines for all files
    2. Underscore folders should be named after the type of folder they are. For "_content" folders, the folder name, display name, and title fields should all be "_content." This applies to "_files," "_links," and "z-archive" folders as well. 
  3. Choose the correct placement folder
  4. For special folders, adjust Properties

    IMPORTANT: On properties tab of "_content" folders uncheck the "Include when publishing" and "Include when indexing" checkboxes so no content blocks can be published until they are wired up. Do the same for "z-archive" folders so that nothing in those folders can be published. 

    non-publishable-non-indexable.png
  5. Submit

Step 2 - Add Content

Select a width for the grid cell 

width-grid.png

Choose a type of content within the block and add content accordingly

If you would like to add another type of content to the same block, add a grid cell

 

Adding Grid Cells

In the Edit view of a content block:

  1. Locate the green plus icon to the right of the grid cell
    green-plus.png
  2. Click the green plus icon to add a second grid cell
  3. The grid cells will specify how many there are and what order they are in. To rearrange grid cells, use the up or down arrows that appear near the green plus icon
  4. To delete a grid cell, use the red X icon next to the green plus icon
  5. To add subsequent grid cells, use the green plus icon

    PRO-TIP: You should only need one content block per page because it can have multiple grid cells. However, if you want to reuse information on different pages, make sure it is in a separate content block. Separate content blocks are also necessary to have content blocks and other blocks on the same page.

 

Step 3 - Format Block

IMPORTANT: Do NOT change the default orientation on the Edit Tab, or the Data Definition settings in the Properties tab

PRO-TIP: Selecting vertical orientation will adjust the way that content block grids appear. For example, with a ⅔ grid and three subsequent ⅓ grids, this diagram shows the effect of vertical and horizontal orientation:

orientation.png

There are times when vertical orientation does not work.

 

Step 4 - Add Block to Page

Wire the block to a page, specifying format "content" since it is a content block. Once a block is wired to a page, there are multiple ways to access the content block for editing.

format-content.png

 

You can also remove blocks and formats whenever you wish.

Back to Top