Posts Block

Showcase a specific selection of blog articles anywhere on your site.

Quick links

1. Overview

2. Settings

Overview

In the Gutenberg editor, open the block section and click or drag the Posts Block to the editor area. Main elements of the block are:

  • Subtitle
  • Title
  • Paragraph
  • Posts

Note: Because of the frequency of use, the first three elements (Subtitle, title and paragraph) of the Text Block are integrated in almost every Sana block.

Settings

If the settings side panel is not visible while working on your page or post, click on the Settings icon in the top left corner of the editor toolbar. Once opened you will see all the available options of the selected block, organized into collapsible tabs.

General

  • Content Align – Align the block content left, center or right
  • Padding – Add top and bottom block padding
  • Background – Choose a solid color or a background image

Note: Content Align positions containers within the block, while Text Align positions text within its own container.

Subtitle, Title, Paragraph

  • On/Off toggle – Display or hide the element
  • Text Align – Align text left, center or right within its own container
  • Font Size – Choose from nine preset sizes or add a custom font size
  • Text Color – Select a color for the subtitle, title and paragraph

Posts Style

  • Display Date – Show/hide the post published date
  • Display Categories – Show/hide post categories next to the published date
  • Meta Text Color – Select a color for the date and categories
  • Meta Font Size – Choose one of nine preset sizes or add a custom font size
  • Title Text Color – Select a color for the post title
  • Title Font Size – Choose one of nine preset sizes or add a custom font size
  • Shadow – Add a background shadow to the post images

Posts Filter

  • Number of Posts – The maximum number of posts shown in the block
  • Posts per Row – Display posts in two or three columns
  • Display Order – Show posts from first to last (based on “Sort by” criteria) or vice versa
  • Sort by – Choose a criteria by which posts will be organized
  • Filter by Category – Display posts from a single category
  • Display Specific Posts – Enter the IDs (separated by commas) of posts you wish to display

Responsive

  • Hide on Desktop – Block is visible on mobile, but not on desktop screens
  • Hide on Mobile – Block is visible on desktop, but not on mobile screens

Tip: You can create two separate blocks for a section of your page and load each block on a different screen size.

Was this article helpful?
YesNo
Was this article helpful?
YesNo