Modern Blog

Import the Modern Blog design and it brings blocks and content types of its own, on top of the main Canvas library. Read this page when you are working on a site built from Modern Blog and meet a block you cannot find in the main reference.

These items stay registered on every site so that content you have already imported keeps rendering, and they appear in the block inserter only where the design is in use.

Blocks this design adds

Article Cards

canvas-core/modern-blog-posts

A magazine grid of article cards with an infinite-scroll status bar. Each post's card shape is set in its Article Card panel. In the block inserter it is named Canvas Article Cards.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Grid

• HeadingDefaultEmpty

  Heading above the grid. Leave it empty for a grid with no heading.

• Heading ClassesDefaultborder-bottom-0 text-center pt-4 mb-3

  Classes on the heading block wrapper.

• ColumnsDefault2 Columns

  How many cards sit side by side on a wide screen.

  Choices1 Column2 Columns3 Columns4 Columns

• Column ClassesDefaultp-3

  Extra classes on each card column.

• Card ClassesDefaultmb-1

  Extra classes on every card.

Query

• Category SlugDefaultEmpty

  Limit the grid to one category. Empty shows every post.

• Specific Post IDsDefaultEmpty

  Comma-separated IDs. Set this to curate an exact list instead of querying.

• Posts - First PageDefault9

  How many cards the opening page shows.

• Posts - Following PagesDefault4

  How many cards each page the scroller appends shows.

• Order ByDefaultDate

  What the grid is sorted on. Random reshuffles on every visit, which suits a small promotional row rather than a reading list.

  ChoicesDateTitleMenu OrderRandomThe Order of the IDs Above

• OrderDefaultDescending

  Which end of that sort comes first. Descending puts the newest at the top.

  ChoicesDescendingAscending

Card

• Date FormatDefaultjS M Y

  How each card date is written out. The default gives a short form such as 3rd Jun 2026.

• Date IconDefaultbi-calendar3

  Icon shown beside the date on each card.

• Read More TextDefaultView More →

  Wording of the link at the end of each card that opens the full post.

• Read More Item ClassesDefaultEmpty

  Classes on the read-more list item.

• Excerpt WordsDefault55

  How many words of each post are shown on its card before the text is cut short.

Infinite Scroll

• Infinite ScrollDefaultOn

  Append the next page as the reader reaches the end of the grid.

• End of Content TextDefaultEnd of content

  Shown under the grid once every post has been loaded, so a reader knows they have reached the end.

  Shown when Infinite Scroll is on

• No More Pages TextDefaultNo more pages to load

  Shown when the next batch of posts cannot be fetched, so the grid does not stop with no explanation.

  Shown when Infinite Scroll is on