Skip to main content
Prime DirectionBundle

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#

  1. Navigate to ⛭ Settings → Design
  2. Click Customize
  3. Click Theme
  4. Set Section posts style in the Site-wide group
  5. Set Show publication info sidebar in the Homepage group
  6. Click Save

Card Layout#

Section posts style controls how the post cards are laid out.

StyleLayout
Grid (default)Cards in columns: image, tag, title, byline, date, excerpt and the card actions
ListThe same cards at full width, one under another
Overlay GridCompact 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 pagination to 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.

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_page in the theme files.
  • The View All link points to /blog/, which only works once the routes.yaml file 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.