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
Open your project in Fantasma.
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.
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.
Click +. The block picker opens.
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 CtrlZ 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
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.
Click the + that appears at the right end of that row. The block picker opens.
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.
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
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
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.