{"id":281,"date":"2023-10-24T11:46:27","date_gmt":"2023-10-24T15:46:27","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=281"},"modified":"2026-08-10T19:40:04","modified_gmt":"2026-08-10T23:40:04","slug":"adding-blocks","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/basic-training\/basic-training-module-3-essential-blocks\/adding-blocks\/","title":{"rendered":"Adding Blocks"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Adding Blocks\n <\/h1>\n \n \n \n\n

Basic Training Module 3: Essential Blocks<\/p>\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n

Blocks are the building blocks of every page and post in cutheme. Whether you’re adding text, images, videos, buttons, or other content, you’ll use blocks to create and organize your page.<\/p>\n\n\n\n

Each block is designed for a specific purpose and includes its own settings and options. By combining blocks, you can create engaging, accessible, and well-structured content.<\/p>\n\n\n\n

In this lesson, you’ll learn how to add and remove blocks using the tools available in the Block Editor.<\/p>\n\n\n\n

What Are Blocks?<\/h2>\n\n\n\n

Every piece of content in the Block Editor is contained within a block.<\/p>\n\n\n\n

Common examples include:<\/p>\n\n\n\n

    \n
  • Paragraphs<\/li>\n\n\n\n
  • Headings<\/li>\n\n\n\n
  • Lists<\/li>\n\n\n\n
  • Images<\/li>\n\n\n\n
  • Buttons<\/li>\n\n\n\n
  • Videos<\/li>\n<\/ul>\n\n\n\n

    Think of blocks as individual content elements that can be added, rearranged, customized, and removed as needed.<\/p>\n\n\n\n

    As you progress through this training, you’ll explore many different block types and learn when to use them.<\/p>\n\n\n\n

    \"An<\/figure>\n\n\n\n

    Adding Blocks<\/h2>\n\n\n\n

    There are several ways to add blocks within the Block Editor.<\/p>\n\n\n\n

    Using the Block Inserter<\/h3>\n\n\n\n

    The Block Inserter is the most common way to add blocks.<\/p>\n\n\n\n

    To add a block:<\/p>\n\n\n\n

      \n
    1. Click the +<\/strong> icon in the top toolbar.<\/li>\n\n\n\n
    2. Search for the block you want to add.<\/li>\n\n\n\n
    3. Select the block from the results.<\/li>\n<\/ol>\n\n\n\n

      The block will be inserted into your page.<\/p>\n\n\n\n

      Tip:<\/strong> You can search by block name or by a keyword related to the type of content you want to add. For example, searching for “image” will display image-related blocks.<\/p>\n\n\n\n

      Using the Add Block Button<\/h3>\n\n\n\n

      When editing content, you’ll frequently see a +<\/code><\/strong> button appear within the page editor.<\/p>\n\n\n\n

      Clicking this button opens the same block selection menu and allows you to insert a block directly where you are working.<\/p>\n\n\n\n

      Using a Keyboard Shortcut<\/h3>\n\n\n\n

      Once you’re familiar with block names, keyboard shortcuts can be one of the fastest ways to add content.<\/p>\n\n\n\n

        \n
      1. Click in an empty block.<\/li>\n\n\n\n
      2. Type a forward slash (\/<\/code>).<\/li>\n\n\n\n
      3. Begin typing the name of a block.<\/li>\n<\/ol>\n\n\n\n

        For example: \/heading<\/code> or \/image<\/code>. Select the block from the list that appears.<\/p>\n\n\n\n

        \"An<\/figure>\n\n\n\n

        Finding the Right Block<\/h2>\n\n\n\n

        The Block Inserter contains a large number of blocks.<\/p>\n\n\n\n

        If you’re unsure which block to use:<\/p>\n\n\n\n

          \n
        • Search by keyword<\/li>\n\n\n\n
        • Browse the available categories<\/li>\n\n\n\n
        • Experiment with different blocks to see how they behave<\/li>\n<\/ul>\n\n\n\n

          Don’t worry about learning every block immediately. This training will introduce the most common blocks used across cutheme websites.<\/p>\n\n\n\n

          Removing Blocks<\/h2>\n\n\n\n

          Blocks can be removed at any time.<\/p>\n\n\n\n

          To delete a block:<\/p>\n\n\n\n

            \n
          1. Select the block.<\/li>\n\n\n\n
          2. Open the block options menu (\u22ee).<\/li>\n\n\n\n
          3. Choose Delete<\/strong>.<\/li>\n<\/ol>\n\n\n\n

            The block will be removed from the page.<\/p>\n\n\n\n

            Tip:<\/strong> If you delete a block accidentally, use Undo<\/strong> to restore it.<\/p>\n\n\n\n

            \n