Stories
Stories is the main feed of the homepage. It lists your posts newest first, 12 per page, with a View All link to /blog/. Posts tagged #newsletter are kept out of this feed and live in /newsletters/ instead.
Customization Steps#
- Navigate to ⛭ Settings → Design
- Click Customize
- Click Theme
- Set Section posts style in the Site-wide group
- Set Show publication info sidebar in the Homepage group
- Click Save
Card Layout#
Section posts style controls how the post cards are laid out.
| Style | Layout |
|---|---|
Grid (default) | Cards in columns: image, tag, title, byline, date, excerpt and the card actions |
List | The same cards at full width, one under another |
Overlay Grid | Compact cards in columns with the text over the image; excerpt, tag and byline hidden |
Section posts style is a site-wide setting, not a homepage-only one. It also
changes the post cards on /blog/, on tag archives and on author archives.
Pagination#
The way readers get to older posts depends on the pagination feature, which is on out of the box.
- By default the feed ends with a Load More button that appends the next 12 posts without reloading the page
- Add
paginationto Disabled features and the feed ends with page arrows and a Page 1 of N indicator instead
See Features for the full list of features.
Sidebar#
Turn Show publication info sidebar on to place a column of widgets next to the feed: spotlight, projects, authors, sponsors, house ad, tips, recommendations and about. Each widget only appears when it has something to show, and the widgets are described in Sidebar widgets.
Overlay Grid needs the full width of the page, so it always drops the sidebar.
If you turn the sidebar on and it does not appear, switch Section posts style
to Grid or List.
The sidebar is a homepage feature. Other post lists, such as /blog/ and tag archives, are always full width.
Notes#
- The feed loads 12 posts per page. Changing that number means editing
posts_per_pagein the theme files. - The View All link points to
/blog/, which only works once theroutes.yamlfile that ships with the theme has been uploaded, see Getting Started. - The heading Stories comes from the translation file. To rename it, see Section Headings.