Adding new blocks

Adding a new block

The image below shows you the full admin screen of the editor for editing posts and pages.

You can add blocks from ‘add’ symbol . This can be found in the top bar or next to or underneath an existing entry on your post or page. Alternatively you can simply start typing in empty space underneath the title section, which will automatically create a ‘paragraph’ block.

You’ll find different ways to add blocks to your document in this article. First read about the inserter and its search functionality and then you learn the various ways to add blocks and also how to move blocks around your document.

What is the Inserter?

When ever you see the shape you can click on it and get a list of blocks, in a little window. On top you see your ‘Most Used’ blocks which will self populate as you use your website. You can scroll down and open up other categories, including ChurchWeb, Text, Media, Design, Widgets, or Embeds. These all allow the creation of beautiful content. The embed section is particularly useful to include content held elsewhere such as videos from Vimeo or YouTube.

There are multiple ways to add a block, search and choose the block type you need.

  • Inserter right of an empty block
  • Inserter in the Top Tool Bar
  • Inserter in the center between blocks
  • Slash ( / ) as the first character in an empty paragraph block
  • 3-dots ( More options) Menu on Block Toolbar

Top ↑

Searching for Blocks

From the inserter you can use the search box to search blocks by typing the beginning of a block name or a keyword for example, "image" or "heading", then a list of blocks that fit the search will show. Select the desired block with the mouse click, tap or arrow keys.

A fast way to search for and choose a block is to simply type a ‘ / ‘ in an empty block area. This is known as the ‘Slash Command’. If you know the name of the block you want you can simply start typing it. e.g. /headi will find the Heading Block, and pressing enter or return will select and make a Heading block active.

Top ↑

Inserter right of an empty block

Click on the Inserter icon to search for a block to insert.

Top ↑

Inserter from the Top Toolbar

Another way to add a block is by clicking on the Inserter icon at the top left of the editor in the Top Toolbar

The Inserter from the Top Toolbar also shows additional information per block and you can see a small preview of the block.

Top ↑

Slash command

Using the slash command invokes the Block Inserter including its search, so you don’t need to interrupt your writing flow to hunt for your mouse to add a quote or a list via the keyboard.

Begin by adding a new paragraph; normally achieved by pressing Enter one or more times.

An empty paragraph block

Then hit the “/” key and start typing the name of the block.

  • /L” gives you the List block as a choice. Selecting it and typing your first list item is really cool.
  • Type “/i” + for a list that includes the Image block.
  • Type more letters to filter the list of blocks. e.g. “/image”.

Slash Commands are part of a range of keyboard based commands to help experienced users create and edit content at faster speeds than possible using a mouse.

Top ↑

3-dot (More options) menu from the Block Toolbar

Finally, you can click on the three dots just above a selected block (called the Block Toolbar) and choose to add a block above or below the current block.

Top ↑

Moving Blocks

Move handles

Drag & Drop

You can drag blocks by clicking and holding the six-dot-grid near the top-left corner of each block. Notice the blue bars indicating where the block will be placed. Release the mouse button when you find the place to which to move the block.