Back to Website
Product Documentation CMS Configure CMS Block editor Adding a New Block

Adding a New Block

Blocks are the cornerstone of the Kodaris CMS, with a block containing a single type of content. They are how you will add paragraphs, images, and any other available content types to your page or post. Blocks also make it easier to edit sections and rearrange content on the page.

There are several ways to add a block:

  • Block + Icon
  • Slash Command Shortcut
  • Block Toolbar "More Options"

Add Block + Icon

1632_product_documentation_cms_use_adding_a_new_block_icon_v3.png

There are two ways to add a block using the + icon:

  • Click the + icon to the right of an empty block
  • Click the + icon when hovering between blocks

Using the Icon to the Right of an Empty Block

1632_product_documentation_cms_use_adding_a_new_block_empty_v2.png
  • Click on the + icon to the right of an empty block. If the + icon isn’t displayed at first, click the placeholder text "Type / to choose a block" for the icon to appear.
  • In the modal window that appears, select from the list showing the most frequently used content types, or use the Search option to find the block you would like to use.
  • Click the content type to add as a block to the page.

Using the Icon Between Blocks

1632_product_documentation_cms_use_adding_a_new_block_hover_v2.png
  • When you hover between two blocks, you will notice a horizontal blue line appear with the same + icon.
  • Click the + icon; a modal window will appear.
  • Select from the list showing the most frequently used content types, or use the Search option to find the block you would like to use.
  • Click the content type to add as a block to the page.

Slash Command Shortcut

1632_product_documentation_cms_use_adding_a_new_block_shortcut.png

If you already know the block name, you can quickly add a block to your post or page using the slash command shortcut in an empty block.

  • Begin by pressing Enter or Return to create an empty block on your page. You will see the placeholder text "Type / to choose a block."
  • Type forward-slash followed by the block name until you find your match in the modal window. For example: /image or /heading.
  • Click the content type to add as a block to the page.

Selected Block's Toolbar

1632_product_documentation_cms_use_adding_a_new_block_insert_v4.png
  • Click on any current block.
  • In the toolbar that appears, click the three-dot icon and select "Insert Before" or "Insert After" to add a new block.
  • An empty block with placeholder text will appear.
  • Use either the + icon to the right of the empty block or use the slash command shortcut to select the type of block to create.

In this article