Lesson 7: Building a Block | Editors

Lesson overview

Learn how to build reusable custom blocks from scratch on StFX.ca. This module covers creating custom content blocks, managing shared content across multiple pages, inserting reusable blocks using Layout Builder, and understanding how global updates work.

Topics include:

  • Creating custom content blocks via the dashboard
  • Designing block content using the WYSIWYG editor
  • Benefits of reusable blocks vs. one-off custom blocks
  • Finding and placing reusable blocks in Layout Builder
  • Global block editing and saving page layouts
     
Remote video URL
Step-by-step
  1. Create a New Content Block
    1. From your dashboard menu, navigate to Content > Blocks > Add content block.
    2. Select your preferred block type (e.g., Basic block).
  2. Design and Save Your Block
    1. Fill out the Block description (this serves as the administrative name when searching for the block later).
    2. Format and style the body content using the standard WYSIWYG editor (ideal for contact info, reusable disclaimers, or department highlights).
    3. Click Save. Note: Your block is now created, but it won't appear on any live page until you insert it.
  3. Insert the Block into a Page
    1. Navigate to the target page and open Layout Builder.
    2. Click Add block in your desired section.
    3. Under the Custom section in the right sidebar, locate your block or search for it using its description name.
    4. Select your block to place it into the layout.
  4. Save the Layout
    1. Scroll to the top of the page and click Save layout to publish your changes.
    2. Important: Because this is a reusable block, any future edits made directly to the block will automatically update across every page where it is placed.


Test your knowledge

Test your understanding of the material covered in this lesson with the quick quiz below. Completing this knowledge check is entirely optional, but it's a great way to reinforce what you've learned before moving on to the next topic. Simply select your answers for each question and submit the form when you're done.

 

« Previous Lesson Next Lesson »