Blocks

Blocks are reusable pieces of content that are able to be displayed in a designated region on multiple pages throughout your website. The two most commonly used blocks are "flexible blocks" and "menu blocks". 

Flexible blocks are constructed of block elements similar to how pages are constructed with page elements, the key distinction being the ability to display blocks on multiple pages.

Flexible blocks are provided by the Quickstart Flexible Block (az_flexible_block) module.

Menu blocks are provided by the Quickstart Block Types - Menu Block (az_custom_menu_block) module.

Menus are a block type that allows you to create a dynamic menu.

How to Create a Flexible Block

  1. Navigate to Manage > Content > Blocks.
  2. Select Add Content Block.
  3. Select Flexible Block.
  4. The Description field is where you provide a label for your custom block. Remember this label for when you place the block. 
  5. Select the block elements you would like the block to feature.
    • Note: As you select elements for your block, keep in mind the area of the page you would like the block to be featured in. Certain areas, like Sidebar 1 or 2 are not conducive to large page elements like photo galleries or text on media.
  6. Save.

Once you have created block, you can choose the region of the page you want the block to be displayed. Select the image below to view the block regions more closely.

  1. Navigate to Manage > Structure > Block layout.
    • This will take you to a list of the regions of the page and the blocks displayed within each of those regions.
  2. Locate the region you would like the block to be displayed and select Place block. (See available them regions in the screenshot below.)
  3. This will display a list of the blocks that exist in your site. Search for the label you wrote in the Description field of the block you created and select Place block.
  4. Title is automatically set to be the same as the block label. Change it or uncheck Display title if you don't want a title to be displayed over your block.
  5. In the Pages section under Visibility, select either Show for the listed pages or Hide for the listed pages.
    • Enter the file path (the /path section of the URL following the main site URL)
    • For the Home page, the path is <front>
  6. Save block.
  7. Scroll down to the bottom of the next page and select Save blocks again to ensure your changes are saved.
Arizona Barrio Regions

 

  1. Create a page or edit an existing one.
  2. Select Add Text or navigate to an existing text area.
  3. Select Embed Block Content from the Editor Toolbar.
  4. Search your block's description label then click Next > Embed.
  5. Save.

By default, The left sidebar menu or block positions above your page content when viewed on mobile devices or small screens/displays. If your menu is large, this might occupy a lot of screen space before getting to your page’s content. 

If you would like to change this so that the left sidebar instead position is below your pages’ content, follow these steps: 

  1. Navigate to Manage>Appearance
  2. Under Installed Themes, find Arizona Barrio (default theme) and click the Settings button.
  3. On the left side, select the Layout tab
  4. Expand the option for Sidebar position
  5. From the Sidebars position dropdown select “Both sides below on mobile.” 
    • Sidebar position selection

  6. Save configuration

Useful Links

Menus Edit Links Editor Toolbar

Keywords

Regions, Flexible Blocks, Custom Blocks