Fantasma builds the theme of your Ghost site, the design that every page, post and list is drawn with. Your content stays in Ghost, and Ghost runs your site. Each project in your Fantasma account holds one theme. Fantasma hands Ghost a standard theme file, and no Fantasma software runs on your site.
What lives where
The table shows where you change each part of your site.
Change it in Fantasma
Change it in Ghost Admin
The design of each kind of page: home page, post, page, tag, author, error pages
Your posts and pages, their text, images and tags
The header, footer and menus that open over the page
The links in your site's navigation
Fonts, colors, spacing, corners, shadows and motion
Your site title, description, logo, icon and accent color
Sections, blocks and patterns
Members, tiers, prices and newsletters
Images and fonts you upload for the design
Comments, recommendations and staff users
Scripts, redirects and rules for search engines, in Project settings
A post list designed in Fantasma shows the posts you wrote in Ghost. The logo block shows the logo set in Ghost Admin. When you change a post or the navigation in Ghost, your site shows it at once, without a new theme.
Two settings exist on both sides. If you set fonts in Ghost Admin's design settings, your site shows those fonts in place of the ones set in Fantasma, as Change your fonts explains. Colors come from Fantasma, and a color set to Site accent follows the accent color in Ghost Admin, as Change your colors explains.
The theme file
When you publish or download, Fantasma turns your project into a theme file, a ZIP that Ghost installs like any other theme. It holds your templates, styles and scripts, and the images and fonts you uploaded in Fantasma. It holds none of your posts, members or settings. What's in your theme file lists its files.
The file reaches Ghost in one of two ways, and both need Pro, the paid plan. On the Free plan you build and preview everything, and pay when you want the theme on your site. See Free and Pro plans.
Publish your theme to Ghost: Fantasma uploads the file to your connected site and makes it the active theme.
Until you do one of them, nothing you change in Fantasma reaches your site, and your visitors see the theme your site has now. Publishing makes your theme the active one at once. The theme you had before stays in Ghost's list of themes, so you can switch back to it in Ghost Admin.
The connection to your site
Connecting your site gives Fantasma a key from Ghost, either an Admin API key from a custom integration or your own Staff access token. Fantasma stores it encrypted and uses it to publish the theme. With a Staff access token, it also uploads your routes.yaml, the file with the addresses of your collections, and your redirects. It copies part of your site, such as your 20 latest posts and your site title, so the canvas can show your own content in place of demo posts. Drafts and members are not copied. You can remove the connection at any time. Connect your Ghost site and Preview with your Ghost content and members explain both.
A connection is optional. Without one, the canvas shows demo content, and you download the theme to put it on your site.
After the theme is on your site
If you stop using Fantasma, or your Pro plan ends, the theme keeps working, and your projects stay in your account. To change the design, edit the project and publish or download again.
This works the same on Ghost(Pro) and on a Ghost site you host yourself, as long as it runs Ghost 6 or later.
Fantasma builds the theme of your Ghost site, the design that every page, post and list is drawn with. Your content stays in Ghost, and Ghost runs your site. Each project in your Fantasma account holds one theme. Fantasma hands Ghost a standard theme file, and no Fantasma software runs on your site.
What lives where
The table shows where you change each part of your site.
A post list designed in Fantasma shows the posts you wrote in Ghost. The logo block shows the logo set in Ghost Admin. When you change a post or the navigation in Ghost, your site shows it at once, without a new theme.
Two settings exist on both sides. If you set fonts in Ghost Admin's design settings, your site shows those fonts in place of the ones set in Fantasma, as Change your fonts explains. Colors come from Fantasma, and a color set to Site accent follows the accent color in Ghost Admin, as Change your colors explains.
The theme file
When you publish or download, Fantasma turns your project into a theme file, a ZIP that Ghost installs like any other theme. It holds your templates, styles and scripts, and the images and fonts you uploaded in Fantasma. It holds none of your posts, members or settings. What's in your theme file lists its files.
The file reaches Ghost in one of two ways, and both need Pro, the paid plan. On the Free plan you build and preview everything, and pay when you want the theme on your site. See Free and Pro plans.
Until you do one of them, nothing you change in Fantasma reaches your site, and your visitors see the theme your site has now. Publishing makes your theme the active one at once. The theme you had before stays in Ghost's list of themes, so you can switch back to it in Ghost Admin.
The connection to your site
Connecting your site gives Fantasma a key from Ghost, either an Admin API key from a custom integration or your own Staff access token. Fantasma stores it encrypted and uses it to publish the theme. With a Staff access token, it also uploads your
routes.yaml, the file with the addresses of your collections, and your redirects. It copies part of your site, such as your 20 latest posts and your site title, so the canvas can show your own content in place of demo posts. Drafts and members are not copied. You can remove the connection at any time. Connect your Ghost site and Preview with your Ghost content and members explain both.A connection is optional. Without one, the canvas shows demo content, and you download the theme to put it on your site.
After the theme is on your site
If you stop using Fantasma, or your Pro plan ends, the theme keeps working, and your projects stay in your account. To change the design, edit the project and publish or download again.
This works the same on Ghost(Pro) and on a Ghost site you host yourself, as long as it runs Ghost 6 or later.
To start, follow Build your first Ghost theme. How templates, layouts, sections and blocks fit together explains the parts you build the design from.