Blocks » More Block

Note: The instructions from this guide are referring to the Classic Editor. If you’re using the block editor, please see these instructions for using the More Block.

You can truncate your blog entries so that only the first part of a post is displayed on the homepage, posts pages, and in subscriber emails. When you do this, a link will be placed directly after your excerpt, pointing the reader to the full post. You can put this link anywhere in a post, and customize it to say whatever you want.

Table of Contents

Adding the More Tag

1. Start a new post.

2. Add content to your post — text, images, etc.

The Classic Editor screen

3. Place your cursor at the spot in the post where you want the More Tag to appear. In your toolbar, click on the “Insert Read More tag” button. You can find the More Tag button in the first row:

The Insert Read More Tag button in the Classic Editor toolbar

Once you click it, you’ll see the split appear in your post:

The More Tag is inserted into the page.

↑ Table of Contents ↑

Customizing the Read More Tag

By default, “Continue Reading” will appear as the text for the link, but you can change this!

1. Click on the Text tab in the upper right corner of the post editing area to open the HTML Editor.

2. Look for <!--more-->

Editing the More Tag in the HTML editor

3. Add a space after “more” and then type in a custom message, like:

<!--more Keep on reading!-->

This will insert a read more link that says “Keep on reading!” instead of the default message:

If you use the More Tag on multiple posts, you’ll need to customize the message for each post. You cannot set a global message that will take effect on each post of your blog that uses the More Tag.

Take a look on your home page (or Posts page, if you have chosen a Static Front Page) to see the excerpt of your post!

The More Tag only splits posts on your Home Page, Posts Page, or Archives. You won’t see the split when you preview the post or are viewing the individual post page.

↑ Table of Contents ↑

Using the More Tag with Content Options

  • If your theme supports Content Options for Blog Display, be sure to choose “Full post” if you’d like to add the More tag to posts manually.
  • This option is found under My Site → Customize → Content Options
Full post blog display option in Shoreditch
Full post blog display option in Shoreditch

↑ Table of Contents ↑

Using the More Tag in Pages

The More Tag can be used in pages, but the split will only be visible on certain themes. For example, themes that display content from pages on the home page.

As an alternative for pages, you may want to consider using Pagination instead or the Page Break block.

↑ Table of Contents ↑

Formatting Issues

  • If the More Tag is inserted after writing a post, formatting errors can occur.
  • This occurs when you insert the More Tag using the visual editor, but it gets placed within another HTML tag. For example:

<strong>Oh man, this post is messed up.<!--more--></strong>

Here, the More Tag is inside some HTML tags that make the text bold. This will cause the rest of the posts on the page to be formatted as bold, sometimes including your sidebar contents, and can also make the sidebar fall to the bottom of the page.

To fix the issue, just place the More Tag on the outside of any closing HTML tags, like so:

<strong>Oh man, this post is messed up.</strong><!--more-->

Copying and pasting content from rich text editors such as Microsoft Word often causes problems because extra HTML can be brought into the post that interferes with the More Tag. Consider using a plain text editor, such as Notepad, or use the Paste as Text button.

Pages: 1 2 View All

Not quite what you're looking for?

Get Help