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 a child block of the Query Loop block and helps to customize the appearance of the query loop. The option to add this block is only available when Query Loop is the parent block.

To add a Post Content block, first ensure that you are adding it within a Query Loop parent block when editing the page template. You can easily confirm the presence of a Query Loop block in the list view under document overview.

A screenshot of the document overview sidebar in the WordPress page edit screen. The list view tab is active and a query loop block is shown to be present. The dropdown underneath the query loop block in the list view is expanded, showing multiple child blocks are present. A prominent red box surrounds the list view toggle and the query loop block in the list view.
The list view tab of the document overview

After selecting the Query Loop block, hover to activate the inline block Inserter and click to add the Post Content block in the desired location. If you are adding a block within the Query Loop, the option to add the Post Content block will now be available. You may need to type Post Content in the block search dialog to find it.

A screenshot of the inline block inserter. The search bar of the block inserter contains the text "Post Content". The Post Content block is available as an option to insert into the page.
Adding Post Content via the inline block inserter

You can also type /post-content and hit enter in a new paragraph block to add the Post Content block quickly, so long as the paragraph block is the child of a Query Loop block.

How to add Post Content block quickly
Adding Post Content via “/” quick-add

Detailed instructions on adding blocks

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 Content 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

Click on the Transform button to convert the Post Content block into a Columns block, an Excerpt block, or a Group block. 

The transform dropdown on the Post Content block
Post Content block transform options

Drag icon

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

To drag and drop the block to a new location on the page template, click and hold the drag icon, then drag the block 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.

Get more information about moving a block within the editor.

Options

The Options button on a block toolbar gives you more features to customize the block. These controls allow you to duplicate, and edit your block as HTML.

Read about these and other settings.

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 settings icon next to the Save button.

The block settings icon

Also, the Block Settings panel is divided into Settings and Styles tabs.

Layout

The Layout menu under the Settings tab lets you add custom content width to the Post Content block. 

When you toggle this option off, the Post Content block inherits the layout width options set by the theme.

Content width options
Content width inherited from the layout

Otherwise, you can customize the content width and justification when it’s toggled on.

Setting content width for Post Content block
Setting the custom Content width
Setting Justification for Post Content block
Setting constrained layout justification

Advanced settings 

The Advanced section 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

Typography

The under the Style tab, you to change the block content’s font size.

Typography support for Post Content block
Changing font size in the Post Content block

Get more details about changing typography settings.

Changelog

  • Updated 2023-08-24
    • Updated screenshots for 6.3
    • Instructions now account for adding the block as a child block of a Query Loop
  • Updated 2023-04-25
    • Updated screenshots for 6.2
    • Added typography support
  • Created 2022-03-25

Was this article helpful? How could it be improved?

First published

Last updated