More Block

The More Block lets you set an excerpt or teaser for your content with a link that users can click on to read the rest of your post or article …

For a white label version of this tutorial visit WPTrainingManual.com.

WordPress Block Editor – More Block

WordPress Block Editor - More Block

This tutorial is part of our series WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users.

***

More Block – Description

The More block lets you set a post excerpt or teaser for your content with a “Read More” link that users can click on to read the rest of your article.

More block.

Info

Your excerpt will display on your blog page and on your archive pages.

How To Use The More Block

In this section, we’ll cover:

  • How to add a More block to your content.
  • How to edit and configure your More block and block settings.
  • How to remove the More block from your content.

For more details on using blocks (e.g. how to move blocks around your content), see this tutorial: How To Use Blocks.

Adding A More Block

To add a More block to your content:

  • Click where you want to insert a ‘read more’ tag and either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select the More block (in Most Used or Design section),
    • Add the More block in the Content Area.
  • Your excerpt will be automatically created.
  • Use the More Block Editor or Block Settings section to edit your ‘Read More’ tag and set options for your post excerpt.

Let’s go through the above steps.

First, create a new post or open an existing one and either:

Click on the Add Block tool and select a More block…

Add Block tool - More block.
Add a More block to your content using the Add Block tool.

Or, select the location where you would like to add a More block, then select the More block by clicking on the Inserter tool in the Content Area.

Inserter tool - More block.
Use the Inserter tool to insert a More block into your post.

Either of the above methods will add a More block to your content.

More block added.
More block added to content.

Note: If using the Add Block tool to insert a More block, you will probably need to drag or move the block to the location in your content where you want the “Read More” tag to appear.

After adding a More Block, your content will be broken into two sections when users visit your blog page:

  1. A short excerpt or “teaser” (visible to users), followed by
  2. The rest of your article. Once your post is published, users will need to click on the ‘read more’ link to view the rest of the content and continue reading your article.

There is nothing more to do unless you want to edit or customize your ‘read more’ link (see ‘How To Edit A More Block’ section below).

After adding a ‘Read More’ tag:

  • Edit and configure block settings,
  • Save, publish, or update your post or page.

How To Edit A More Block

To edit a More Block:

  • Click inside the More Block to select it.
  • Click on the “Read More” tag to edit the link text pointing to the full article.
  • Use the Block Settings to hide the teaser section (i.e. the excerpt before the “More” tag).

Let’s go through the above steps.

After adding a More block to your content (and placing it in the location where you would like the excerpt to end followed by a “Continue Reading” tag), you can leave the default ‘Read More’ text or click on the text inside the ‘Read More’ box and change it to whatever you like.

Editing the Read More text inside the More block.
You can edit the Read More text inside the More block to suit your needs.

tip

  1. The default text and style of the ‘Read More’ tag is typically determined by your active theme settings.
  2. Depending on what type of content you are planning to create, you can use the “read more” link to create a compelling call to action.
Sample post with custom Read More tag.
You can add a custom link text to your More block.

Note: You can edit and customize the Read More link of every post where you have used the More block.

Additionally, you can hide the teaser section (i.e. the post excerpt) before the Read More tag by turning on the block’s settings ‘Hide the excerpt on the full content page’ section.

Hide the excerpt on the full content page.
Hide the excerpt on the full content page.

If you leave this setting ‘off’, the post excerpt will remain visible when users click on the ‘Read More’ link.

In other words, users will see the same post excerpt used in your teaser when they click through to read the full article.

Post excerpt visible.
Post excerpt visible.

If you turn the setting ‘on’, users will be taken straight to the section after the More block when they click on the ‘Read More’ link.

Post excerpt hidden.
Post excerpt hidden.

Basically, this setting assumes that the reader either doesn’t need to re-read the post excerpt or that you are using the content preceding the More block as a ‘teaser’ to encourage visitors to click through to the full article.

Remember to update and publish your post to save your settings after adding the More block.

How To Remove A More Block

To delete or remove a More block from your content:

  • Click inside the More block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove block’.
  • This will remove the More block from your content.
More block: More Options - Remove block.
Use the More Options menu to remove a More block from your content.

Additionally…

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (if you need help with this step, see our tutorial on How To Use Blocks).
  • You can also convert a More block into a Reusable block.

More Block Tools, Options & Settings

The More Block includes tools, options, and settings for:

  • More Block Editor
  • More Block Settings

More Block Editor

More block editor.
More block editor.

The More Block Editor includes tools that let you perform the following operations:

  • Change Block Type (See ‘More Block – Additional Info’ section below.)
  • Drag & Drop Tool
  • Move Up and Down Tool
  • More Options – See How To Use Blocks to learn how to use this section.
  • Edit Link Text
    • Click on the “read more” block to change the link text.

More Block Settings

More block settings.
More block settings.

More Block settings include:

  • Block description area
  • Hide the excerpt on the full content page
    • Turn On/Off

More Block – Additional Info

You can convert a More block into the following block types:

More block - Change block type or style tool.
Change the More block into other block types.

Installing plugins or themes on your site may also add new functionality, options, or settings to a More block.

Sample post with More block.
Add a Continue reading link to your content using the More block.

Congratulations! Now you know how to use the WordPress content editor’s More block.

To learn how to use other blocks, go here: WordPress Block Editor – How To Use Blocks

***

"These tutorials have so much information and are easy to understand. If you use WordPress or plan to in the future these will help you with everything you need to know." - Valisa (Mesa, Arizona)

***

We are not affiliated, associated, sponsored, or endorsed by WordPress or its parent company Automattic. This site contains affiliate links to products. We may receive a commission for purchases made through these links.

For a white label version of this tutorial visit WPTrainingManual.com.
Originally published as More Block.