Content block (original) (raw)

Go to the List of Blocks

Use the 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 in Site editor.

To add a Content block, first ensure that you are editing the page or post template.

A screenshot of the document overview sidebar in the WordPress edit Template screen. The list view tab is active and a content block is highlighted.

The list view tab of the document overview

After block you want to precede Content block, hover to activate the inline block Inserter and click to add the Content block in the desired location. You may need to type 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 "content". The Content block is available as an option to insert into the page.

Adding Content block via the inline block inserter

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

How to add Content block quickly

Adding Content via “/” quick-add

The inner blocks contain an empty paragraph as a template when the Content block doesn’t already have content in it.

A screenshot of the empty paragraph in inner block when the block doesn't have any other content in it.

Detailed instructions on adding blocks

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 Content block shows four buttons in the block toolbar:

Content block toolbar

Content block toolbar

Transform to

Click on the Transform button to convert into Columns, Details, Group, or Excerpt blocks.

The transform dropdown on the Content block

Content block transform options

Drag icon

Drag icon in the Content block

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

Move arrows in the 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 Content block.

When you toggle this option off, the 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 Content block

Setting the custom Content width

Setting Justification for 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 Content block

Advanced setting in Content block

Styles

Heading Color

The Content block now supports heading color customization. You can define a default color for headings (e.g., H1–H6) directly within the block settings or through Global Styles. This makes it easier to ensure consistent typography and design across your templates. When applied, block-level heading color styles will take precedence over global settings.

Heading color settings

Heading color settings

Typography

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

Typography support for Content block

Changing font size in the Content block

Get more details about changing typography settings.

Dimensions

The paragraph block provides various options to adjust its dimensions, such as width and height, allowing you to customize the text layout to ensure visual consistency.

For details refer to this support article: Dimension settings overview

Border

The paragraph block provides border settings options to add border color, width, and radius.

For details refer to this support article: Border settings overview

Changelog