Editing

Add a section to a page

A section is one band of a page, such as a hero, a list of posts or a signup form. You add an empty section first, then fill it with your own blocks or with a pattern, a section that is already designed.

Add a section where you want it

  1. Open your project in Fantasma.
  2. In the left sidebar, under Templates, click the page you want to change, such as Homepage. Each template is the design Ghost uses for one kind of page, so a change to Post shows on every post.
  3. On the canvas, point at the line between two sections. A blue line with a + button appears, and its tooltip reads Add section.
The line between two sections on the canvas, with a blue + button and its Add section tooltip
  1. Click +. An empty section named Section appears in that place, with a row of cards in it.
An empty section on the Homepage with the Blank card, four pattern cards and the All patterns card
  1. Choose how to fill the section:
    • Click Blank to add your own blocks. The block picker opens, and the block you pick becomes the section's first block. Add blocks to a section explains the picker.
    • Click one of the four pattern cards to replace the empty section with that pattern.
    • Click All patterns to browse every pattern by category. Pick one in the dialog that opens, Add Pattern to Template, and it replaces the empty section.

The four pattern cards are the same on every page: a hero with an image, a grid of posts, a grid of features and a newsletter signup.

To add a section at the end of the page, or to a page that has no sections yet, click + next to Sections in the left sidebar. The empty section appears after the last section.

To remove a section you no longer want, select it and press ⌫, or right-click it and select Delete.

A pattern stays linked

A section you add from a pattern follows that pattern. When you select it, the right sidebar shows two buttons, Edit pattern and Detach. When you change its layout, such as adding or removing a block, Fantasma asks whether to Change only here or Edit pattern, which changes every page that uses it. Detach turns the section into a plain section that no longer follows the pattern. How patterns work explains the difference.

Sections from the layout

The header and footer come from the page's layout, not from the page itself. Right-click the header or footer, and the menu offers Change in layout editor. To change the header or footer on every page, follow Change the header and footer on every page.

Fantasma saves your changes as you work. Your Ghost site changes only after you publish or upload the theme.

Next, add blocks to the section.

Was this article helpful?