A Fantasma theme is built from a few parts that sit inside each other. A template is one kind of page. A layout wraps templates with a header and a footer. Sections are the bands of a page, from top to bottom. Blocks are the headings, images, buttons and lists inside a section.
From a page down to a block
This is the home page of a new project, with one section, Hero, added from a pattern, a ready-made section. The left sidebar lists the same parts under Layouts and Templates:
Layout Default
Navigation section, the header
Template Sections, a row that marks where the template's own sections go:
Template Homepage
Section Featured Posts
Section Hero, added from a pattern
Group Side image
Image
Group Content
Heading, Paragraph, List and a link
Section Newsletter CTA
Section Latest Posts
Section Footer
Section Newsletter, a signup band under the footer
Dialog Mobile menu, the menu that opens on phones
Templates
A template is the design of one kind of page. Ghost picks a template for every address on your site: Homepage for the front page, Post for every post, Tag for a tag's list of posts, and so on. A change to Post shows on every post at once.
Every project has six templates: Homepage, Collections, Post, Page, Tag and Author. Collections draws the pages of your main post list after the first one. You can add templates for one post or page, for posts with a tag, for an error page, or for a list of posts at an address of its own. Templates lists them, and Which template Ghost uses for each page explains which one Ghost picks.
Layouts
A layout holds what many pages share: the header, the footer, the overlays, and any other section you want on every page, such as a newsletter signup. Its Template Sections row marks where each template's own sections go. Every template uses one layout, Default to start. To give some templates another header or footer, make a second layout and give it to those templates. See Change the header and footer on every page and Use a different header or footer on some pages.
Sections
A section is one band of a page, the full width of the screen. Most sections are of one type, Section, which holds any blocks you add, over an optional background photo or video. A hero, a list of posts, a newsletter form and a footer are all Sections. Four other types have one job each:
A panel that opens over the page, such as the phone menu, a popup or a cookie banner. It belongs to a layout and stays closed until something opens it.
Blocks are the parts inside a section: headings, paragraphs, images, buttons, forms and many more. Some blocks hold other blocks:
A Group lines up the blocks inside it one under another, side by side, or in a grid. A Group can hold other Groups, which is how you build columns and cards.
A Collection repeats the blocks inside it once for every post, tag, author or membership tier it shows. You design one post card, and the Collection draws it for each post.
A pattern is a designed section you add to any page. The section stays linked to the pattern, so a change to the pattern shows everywhere it is used. Fantasma comes with built-in patterns, and you can save your own. See How patterns work.
A custom block is a block, or a Group of blocks, that you made reusable, such as a team member card. Every use shares one look and keeps its own text and images. See Create a custom block.
How every block of one kind looks, such as every button, is set once in the Blocks panel, as How block variants and formats work explains. Fonts and colors for the whole theme are in Styles, as How styles work explains.
A Fantasma theme is built from a few parts that sit inside each other. A template is one kind of page. A layout wraps templates with a header and a footer. Sections are the bands of a page, from top to bottom. Blocks are the headings, images, buttons and lists inside a section.
From a page down to a block
This is the home page of a new project, with one section, Hero, added from a pattern, a ready-made section. The left sidebar lists the same parts under Layouts and Templates:
Layout Default
Navigation section, the header
Template Sections, a row that marks where the template's own sections go:
Template Homepage
Section Featured Posts
Section Hero, added from a pattern
Group Side image
Image
Group Content
Heading, Paragraph, List and a link
Section Newsletter CTA
Section Latest Posts
Section Footer
Section Newsletter, a signup band under the footer
Dialog Mobile menu, the menu that opens on phones
Templates
A template is the design of one kind of page. Ghost picks a template for every address on your site: Homepage for the front page, Post for every post, Tag for a tag's list of posts, and so on. A change to Post shows on every post at once.
Every project has six templates: Homepage, Collections, Post, Page, Tag and Author. Collections draws the pages of your main post list after the first one. You can add templates for one post or page, for posts with a tag, for an error page, or for a list of posts at an address of its own. Templates lists them, and Which template Ghost uses for each page explains which one Ghost picks.
Layouts
A layout holds what many pages share: the header, the footer, the overlays, and any other section you want on every page, such as a newsletter signup. Its Template Sections row marks where each template's own sections go. Every template uses one layout, Default to start. To give some templates another header or footer, make a second layout and give it to those templates. See Change the header and footer on every page and Use a different header or footer on some pages.
Sections
A section is one band of a page, the full width of the screen. Most sections are of one type, Section, which holds any blocks you add, over an optional background photo or video. A hero, a list of posts, a newsletter form and a footer are all Sections. Four other types have one job each:
Section type
What it does
Navigation
The site header with the logo and the menu. It belongs to a layout.
Dialog
A panel that opens over the page, such as the phone menu, a popup or a cookie banner. It belongs to a layout and stays closed until something opens it.
Post Content
The text and images of a post or page, which you write in Ghost Admin.
Post Comments
The comments under a post.
Add a section to a page shows how to add one.
Blocks
Blocks are the parts inside a section: headings, paragraphs, images, buttons, forms and many more. Some blocks hold other blocks:
A Group lines up the blocks inside it one under another, side by side, or in a grid. A Group can hold other Groups, which is how you build columns and cards.
A Collection repeats the blocks inside it once for every post, tag, author or membership tier it shows. You design one post card, and the Collection draws it for each post.
A Form holds its fields and its button.
Each block has its own settings in the right sidebar. Add blocks to a section shows how to add one, and Select blocks inside a section how to reach a block inside another.
Patterns and custom blocks
A pattern is a designed section you add to any page. The section stays linked to the pattern, so a change to the pattern shows everywhere it is used. Fantasma comes with built-in patterns, and you can save your own. See How patterns work.
A custom block is a block, or a Group of blocks, that you made reusable, such as a team member card. Every use shares one look and keeps its own text and images. See Create a custom block.
How every block of one kind looks, such as every button, is set once in the Blocks panel, as How block variants and formats work explains. Fonts and colors for the whole theme are in Styles, as How styles work explains.