Homepage sections
How Quiet's homepage is assembled from ordinary Ghost pages, what each of the ten bands needs, and how the order is decided.
Your homepage is a stack of bands, and each band is an ordinary Ghost page carrying one internal tag. Publish the page, add the tag, and the band appears. Revert the page to a draft and it disappears.
Nothing on the homepage is theme copy. Every heading, every line of prose and every picture comes from a page you wrote, which means you can change the homepage from the editor without touching a setting.
New to this?
Build your homepage
A guided walkthrough, in the order most writers want it.
Editorial conventions
Every internal tag Quiet reads, in one list.
The ten bands
| Tag | The band | What feeds it | Set up |
|---|---|---|---|
#home-intro | Your introduction, with a portrait | The page itself | Introduction |
#home-hub | Topic tiles | The page's own public tags | Topic tiles |
#home-latest | Latest writing | Your posts | Latest writing |
#home-newsletter | An email signup band | The page, plus Ghost memberships | Signup band |
#home-logos | A row of logos or press marks | Image cards in the page body | Logo strip |
#home-testimonials | Quotes with faces and stars | Product cards in the page body | Testimonials |
#home-podcast | Cover art and three newest episodes | Posts tagged #podcast | Podcast band |
#home-videos | Three newest films | Posts tagged #video | Video band |
#home-projects | Four projects, numbered | Pages tagged #project | Portfolio band |
#home-gallery | A wide strip of photographs | Image and gallery cards in the page body | Photo strip |
Where the copy comes from
Ghost gives every page the same handful of fields, and Quiet uses them consistently across the bands:
| Field in the editor | What it usually becomes |
|---|---|
| Title | The band's heading, or the small uppercase label above it |
| Excerpt | One line under the heading, in the larger serif |
| Body | A short note beside the heading, or the band's content itself |
| Meta description | Fine print: the hint under a signup field, the caption under the photo strip |
| Feature image | Your portrait in the introduction, the cover art in the podcast band |
Two bands are unusual, and worth knowing about before you write: in the logo strip and the photo strip the page body is the band, so what you put in the body is what a visitor sees. Each band's own page says exactly which field does what.
Bands hide themselves
A band with nothing to show does not render. No empty headings, no half-finished rows. The podcast band appears the day you publish your first episode, and vanishes again if you unpublish it.
Before you build: the starter homepage
A fresh install has no section pages, so Quiet shows a starter layout: your site title, your description from Settings → General, and your most recent posts. That keeps a brand new site presentable, and it is replaced band by band as you publish pages.
One part of it stays for good. Latest writing always renders, even with no #home-latest page, because a homepage with none of your writing on it is a broken first impression. Publishing that page is how you change its heading, its position and which posts it lists, not how you switch it on.
How the order is decided
Bands are stacked by publish date, newest first, with one exception: the introduction is always pinned to the top, whatever its date.
To move a band, change its page's publish date in the editor. An easy way to plan a new homepage is to publish the bands bottom-up: each new page lands above the last, and you never edit a date.
One #home tag per page
A page carrying two #home-* tags renders only the first band Quiet matches, and the other is silently missing. Give each band its own page.
Only these ten tags exist
There is no catch-all: a tag like #home-feature or #home-books, or a typo like #home_intro, renders nothing at all. If a band never appears, check the tag against the table above first.
Section pages have their own addresses
A section page is still a page, so /start-anywhere/ renders on its own with the same content the band shows. That is occasionally handy and rarely what you want in search results.
For each section page, open the editor's settings panel, expand Meta data and turn on Exclude from search engines. Leaving them indexed breaks nothing.
Removing a band
Revert the page to a draft, unpublish it, or remove the tag. The band goes on the next page load and the rest of the homepage closes the gap.
Editorial conventions
Every internal tag Quiet reads, in one place. The ten homepage sections, the introduction layouts, the post and page opening layouts, the drop cap, the portfolio, podcast episodes, films and footer legal links. Read this first.
Introduction
The band at the top of your homepage: five layouts, four portrait shapes, an optional signup field, and what each editor field becomes.