The builder

The editor is where you build your theme. It has five parts:

1. The icon rail, along the left edge, chooses what the left sidebar lists.
2. The left sidebar lists your templates and their sections, or the layouts, patterns, blocks or styles of your theme.
3. The canvas shows your page.
4. The canvas toolbar, at the bottom of the canvas, changes how you look at the page.
5. The right sidebar shows the settings of the open page or of what you selected.

12345

1. Icon rail
2. Left sidebar
3. Canvas
4. Canvas toolbar
5. Right sidebar

The icons in the rail and in the canvas toolbar have no labels. Point at one to see its name.

Icon rail

Under the Fantasma logo, five icons choose what the left sidebar lists, and the sixth opens Project settings. The icon of the open panel has a gray background.

Left sidebar

With Templates selected in the rail, the left sidebar has two lists:

• Templates: every kind of page, such as Homepage, Collections, Post and Tag. Click one to show it on the canvas.
• Sections: the sections of that template, from the top of the page down. Click the arrow at the left of a row to see the blocks inside it. Drag a row to move the section.
  The + at the right of each list's name adds a template or a section. With Layouts selected, a third list, Overlays, holds the panels that open over the page, such as Mobile menu. How templates, layouts, sections and blocks fit together explains what each one is.

With Styles selected, the left sidebar holds the Styles screens instead, and the canvas shows the Style book, a sheet of samples of your fonts, colors, shadows and corners. Two buttons at the top of the canvas switch between Style book and a page, such as Homepage, so you see your changes on a real page.

Canvas

The middle of the screen shows your page the way visitors will see it, filled with demo posts until you preview with your Ghost content. You edit right on it:

• Click a section to select it. It gets an outline, and its settings open in the right sidebar.
• Click inside a selected section to select a block in it. Click text again to type, as Edit text on the canvas shows.
• A toolbar appears over the selected section or block, with arrows that move it up or down, a button that selects the section or block around it, and a three-dot button with more actions.
• Right-click a section or block for a menu with copy, paste, duplicate, delete and other actions.
• Point at the line between two sections, and a + appears to add a section there. See Add a section to a page.

Press Esc to select the section or block around the one you selected. With a whole section selected, Esc selects the page, and its settings show in the right sidebar.

The editor opens in Fullscreen, with one page across the canvas. When you leave Fullscreen, the canvas shows all your templates side by side, and a small overview of them appears in its top-right corner while you scroll.

Canvas toolbar

The bar at the bottom of the canvas changes how you look at the page, never the theme itself.

Preview your theme explains each view. On Windows, use Ctrl wherever this article says ⌘.

Right sidebar

The panel on the right shows the settings of what you selected, under a row of buttons:

Fantasma saves your changes as you work, so the editor has no save button. When a save fails, the Download or Publish button turns yellow, and pointing at it shows "Couldn't save your latest changes". See How saving works.