Editing

Add blocks to a section

Blocks are the parts inside a section: headings, paragraphs, images, buttons, post lists, forms. You add them with the block picker, either on the canvas or from the Sections list in the left sidebar.

Add a block on the canvas

  1. Open your project in Fantasma.
  2. On the canvas, click the section you want to add to. The section gets a blue outline. If a block inside it gets selected instead, press Esc until the whole section is selected.
  3. Point at the gap between two blocks, where you want the new block. A blue line with a + button appears, and its tooltip reads Add block.
  4. Click +. The block picker opens.
The block picker in a newsletter section, with a search field, the Common blocks Paragraph, Heading, Group, Image, Button and List, and Content below
  1. Click the block you want. It appears where the line was, and its settings open in the right sidebar. To close the picker without adding a block, press Esc or click ×, where the + was.

To remove a block you added by mistake, press ⌘ Z, or Ctrl Z on Windows. An empty section has no gap between blocks: click its Blank card instead, as Add a section to a page shows.

To find a block by name, type in the search field at the top of the picker. You can also move through the picker with the arrow keys and press Enter to add the block in focus.

Add a block at the end of a section

  1. In the left sidebar, under Sections, point at the section's row, or at the row of a block that holds other blocks, such as a Group. To see the rows of the blocks inside a section, click the arrow at the left of its row.
  2. Click the + that appears at the right end of that row. The block picker opens.
  3. Click the block you want. It goes after the last block inside that row.

What the picker offers

The picker shows only the blocks that fit where you insert. A form, for example, offers form fields, and a post list offers the blocks that show post data. The groups are:

Group

What it holds

Common

Paragraph, Heading and Group come first wherever they fit. The next three places hold the blocks you add most often in this browser, and show Image, Button and List until you have added others.

Data

Blocks that show the post, page, tag or author the page is about, such as the title or the date. They appear on templates that have that data.

Content

Icon, Pagination, Recommendations, Share Link, Share Button, Social Links, Icon Link, Collapse, Rating, Separator, Custom HTML, Site Logo and Navigation Menu.

Media

Gallery and Video.

Layout

Collection and its ready versions Posts, Posts list, Tags and Authors, for lists of posts, tags and authors. Inside a post's card and on post and page templates, Post tags and Post authors list the tags and authors of that post.

Forms

Form and ready forms with their fields already in place, such as Newsletter form, Contact form and Sign-in form, plus Search and Dark Mode Toggle.

Custom

The custom blocks of this project, which Create a custom block explains.

A Group holds other blocks and lines them up in a stack, a row or a grid. Move, group and arrange blocks shows how to put blocks side by side.

Was this article helpful?