Blocks

Blocks »More Block

With the More Block, you can truncate your blog entries so that only the first part of a post is displayed on homepage, archive pages and in subscriber emails.

Table of Contents

Adding the More Block
Block Interface
Editing the Block
Block Settings Panel
Instructions for Classic Editor (More Tag)

If you are using the Classic Editor, see these steps for adding the More Tag.


Adding the More Block

In order to add a More Block, click on the Inserter icon. Search for the More Block and click on it to add it to the post or page.

You can also type /more and hit enter in a new Paragraph Block to add one quickly.

More Block Add Typing

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. Here’s how!

More Block Overview
More block overview (editor view)

This is how it will look on your site (you might see different styles depending on your theme):

More Block (Result)
More block (result)

Detailed instructions on adding blocks can be found here.


↑ Table of Contents ↑

Block Interface

Each block has its own block-specific controls that allow you to manipulate the block right in the editor. The More Block offers the options control.

More Block Toolbar
You can click on the block to reveal the controls.

↑ Table of Contents ↑

Editing the Block

Once you add the block, you can edit the Read More text that appears by default by clicking in the middle of the dashed lines, erasing the text and typing anything you want. 

More Block - Edit Text

↑ Table of Contents ↑

Block Settings Panel

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. Click on the block to access the additional settings in the sidebar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

More Block Panel
Block settings panel

On this panel, you’ll find one additional option which is the hide teaser switcher. 

By enabling the hide teaser option, the content that appears before the More Block will not display on the full post once the user clicks on the Read More button.

This option is disabled by default. If you would like to display the content that appears before the More Block on the full post once the user clicks on the More Block button, we would recommend leaving it disabled.

Turn the option on if you would like to display custom text on the homepage, archive pages and subscriber emails, which would work as an excerpt of the post. 

These steps are for our Classic Editor. If you’re using our newer block editor, please see these instructions for using the More Block.

Adding the More Tag
Customizing the More Tag
Using the More Tag with Content Options
Using the More Tag in Pages
Formatting Issues

You can truncate your blog entries so that only the first part of a posts is displayed on 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.

3. Add the “Read More” tag somewhere in the post.

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

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


↑ 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 HTML tab in the upper right corner of the post editing area to open the HTML Editor.

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

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.


↑ 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.

Not quite what you're looking for?

Get Help