Post Content Block

Go to the List of Blocks

Use the Post Content block to display the contents of a post or page. This block is primarily nested inside a query loop block and helps to customize the appearance of the query loop. 

To add a Post Content block, click the Block Inserter icon when editing the page template. Search for the Post Content block. Click on it to add the block to your page template.

Video showing how to add Post Content block

You can also type /post-content and hit enter in a new paragraph block to add the Post Content block quickly. 

How to add Post Content block quickly
How to add Post Content block quickly

Detailed instructions on adding blocks can be found here.

Block Toolbar

To view the block toolbar, click on the block and the toolbar will be displayed.

Every block comes with unique toolbar icons. These block-specific controls allow you to manipulate the block right in the editor.

The Post Title block shows four buttons in the block toolbar:

  • Transform to
  • Drag icon
  • Move arrows
  • More options
Post Content block toolbar
Post Content block toolbar

Transform to:

Transform options in Post Content block
Transform options in Post Content block

Click on the “Transform” button to convert the Post Content block into a “Group” block or “Columns” block. 

Drag icon:

Drag icon in the Post Content block
Drag icon in the Post Content block

To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.

Move arrows:

Move arrows in the Post Content block
Move arrows in the Post Content block

The up and down arrow icons can be used to move the block up and down on the page.

Detailed instructions on moving a block within the editor can be found here

More option:

The More option on a block toolbar gives you more features to customize the block. 

More option in the Post Content block
More option in the Post Content block

Show/Hide more settings

The (Show)Hide more settings option hides (or shows) the Block Setting panel in the editor’s sidebar.

Copy

Copy can be used to copy a selected block and then you can paste it wherever you want in the editor.

Duplicate

Duplicate can be used to duplicate selected block.

Insert before

Insert a new block before the selected block(s).

Insert after

Insert a new block after the selected block(s).

Move to

When you select Move To, a blue line will be displayed inside your content. You can then use the arrow keys to move the blue line up or down based on where you want the selected block to be moved into. Once the blue line is in the new location, hit ’Return’ on your keyboard. This will move the selected block to the new position.

Make template part

The Make template part option allows you to convert the selected block into a template part.

Add to Reusable blocks

The Add to Reusable blocks option lets you add the selected block to a list of reusable blocks, so you can use them on other pages.

Group

Select the Group option if you want to group multiple blocks into one unit. This option is useful if you want to add a background color to multiple blocks.

Remove Post Title

With the Remove Post Content option, you can delete the selected block from your page.

Click here to learn more about the More options.

Top ↑

Block Settings

In addition to the block toolbar, every block has specific options in the editor sidebar.

If you do not see the sidebar, click the ‘cog’ icon next to the Save button.

How to turn on the Block Settings sidebar
How to turn on the Block Settings sidebar
Post Content Block Settings
Post Content Block Settings

Layout settings:

The “Layout” tab lets you add custom content width to the Post Content block. When you toggle this option on, the Post Content block inherits the layout width options set by the theme. When it’s toggled off, you can customize the content width.

Setting the custom Content Width
Setting the custom Content width
Content width inherited from the layout
Content width inherited from the layout

Advanced settings: 

The “Advanced” tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.

Advanced setting in Post Content block
Advanced setting in Post Content block

Changelog:

  • Created 2022-03-25

Was this article helpful? How could it be improved?