Title: Read More block
Author: Femy Praseeth
Published: July 18, 2022
Last modified: May 15, 2026

---

# Read More block

## In this article

 * [Block toolbar](https://wordpress.org/documentation/article/read-more-block/?output_format=md#block-toolbar)
    - [Text editing options](https://wordpress.org/documentation/article/read-more-block/?output_format=md#text-editing-options)
    - [More options](https://wordpress.org/documentation/article/read-more-block/?output_format=md#more-options)
 * [Block settings](https://wordpress.org/documentation/article/read-more-block/?output_format=md#block-settings)
    - [Link](https://wordpress.org/documentation/article/read-more-block/?output_format=md#link)
    - [Color](https://wordpress.org/documentation/article/read-more-block/?output_format=md#color)
    - [Typography](https://wordpress.org/documentation/article/read-more-block/?output_format=md#typography)
    - [Dimensions](https://wordpress.org/documentation/article/read-more-block/?output_format=md#dimensions)
    - [Border](https://wordpress.org/documentation/article/read-more-block/?output_format=md#border)
 * [Changelog](https://wordpress.org/documentation/article/read-more-block/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/read-more-block/?output_format=md#wp--skip-link--target)

[Go to the List of Blocks](https://wordpress.org/documentation/article/blocks/)

The Read More_ _block allows you to add links in the [query loop block](https://wordpress.org/documentation/article/query-loop-block/)
that direct visitors to the posts. With this block, you get more flexibility to 
customize the Read More links and make them look appealing

![](https://wordpress.org/documentation/files/2022/07/wordpress-read-more-link-1-
1024x642.gif)

To add a Read More block, click the (+) icon to open the block inserter pop-up window
and search for the Read More block. Click on it to add the block to your page template.

![](https://wordpress.org/documentation/files/2022/07/read-more-1--1024x709.gif)

You can also type /read-more and hit enter in a new paragraph block to add the Read
More block quickly. 

[Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/)

## 󠀁[Block toolbar](https://wordpress.org/documentation/article/read-more-block/?output_format=md#block-toolbar)󠁿

Each block has its own toolbar which contains unique controls that let you customize
or configure the block.

![Block toolbar in Read More block](https://wordpress.org/documentation/files/2022/
07/block-toolbar.png)

The Read More block has the following options on its toolbar:

**Transform to:**

![Transform in Read More block](https://wordpress.org/documentation/files/2022/07/
block-toolbar-transform-to.png)

If you click the Transform button, you’ll see the options to convert the Read More
block into Columns and Group blocks.

**Block moving tools**

![Moving tools in Read More block](https://wordpress.org/documentation/files/2022/
07/block-toolbar-moving-tools.png)

There are two block-moving tools for the Read More block. The six dots icon lets
you drag and drop the Read More block and reposition it anywhere on the editor, 
while the up and down arrows let you move the Read More block up or down on the 
editor.

[Get more information about moving a block within the editor.](https://wordpress.org/documentation/article/moving-blocks/)

### 󠀁[Text editing options](https://wordpress.org/documentation/article/read-more-block/?output_format=md#text-editing-options)󠁿

![Text editing option in Read More block](https://wordpress.org/documentation/files/
2022/07/text-editing-options.png)

**Bold and Italics**

Bold and italics formatting have their own formatting buttons on the toolbar for
your convenience. Alternatively, use keyboard shortcuts when formatting. The shortcuts
are as follows:

 * CTRL+b (Windows) or Command+b (macOS) for bold
 * CTRL+i (Windows) or Command+i (macOS) for italics

**More Text Formatting Options**

![More text formatting options in Read More block](https://wordpress.org/documentation/
files/2022/07/more-text-formatting-options-1.png)

If you click the down arrow icon, the toolbar will open a drop-down menu that contains
more text formatting options.

 * Highlight lets you pick a custom text and background colors to make the text 
   more noticeable.

![Color options in Read More block](https://wordpress.org/documentation/files/2022/
07/highlight.png)

 * Inline code formats the text into a code snippet and prevents the code from being
   executed.
 * Inline image allows you to add an image to the text. You can set the desired 
   pixel width for the image.

![Adding Inline image in Read More block](https://wordpress.org/documentation/files/
2022/07/inline-image.png)

 * Keyboard input adds the <kbd> tag to the text, making it render using the monospace
   font on the browser.
 * Strikethrough adds a line that runs through the selected text.
 * Subscript and superscript allow you to change the text to a subscript or superscript
   format.

### 󠀁[More options](https://wordpress.org/documentation/article/read-more-block/?output_format=md#more-options)󠁿

These controls give you the option to copy, duplicate, and edit your block as HTML.

![More options in Read More block](https://wordpress.org/documentation/files/2022/
07/more-options.png)

[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block settings](https://wordpress.org/documentation/article/read-more-block/?output_format=md#block-settings)󠁿

![Block sidebar in Read More block](https://wordpress.org/documentation/files/2022/
07/Block-settings.png)

Every block has specific options in the block settings panel. To open it, select
the block and click the cog icon next to the Publish button.

### 󠀁[Link](https://wordpress.org/documentation/article/read-more-block/?output_format=md#link)󠁿

![Link settings in Read More block](https://wordpress.org/documentation/files/2022/
07/link-settings.png)

If you enable the _Open in new tab_ option, the link will load the post in a new
tab.

### 󠀁[Color](https://wordpress.org/documentation/article/read-more-block/?output_format=md#color)󠁿

Text and background colors can be set on a per-block basis, allowing you to call
attention to important content. Pick a color from the suggestions, or add a custom
color using the color picker or by adding a color code.

![Color settings in Read More block](https://wordpress.org/documentation/files/2022/
07/color-settings.png)

[See this guide for more information about changing colors.](https://wordpress.org/documentation/article/colors-settings-overview/)

### 󠀁[Typography](https://wordpress.org/documentation/article/read-more-block/?output_format=md#typography)󠁿

Typography settings allow you to change a block’s font size, appearance, line height,
letter casing, and spacing.

![Typography in Read More block](https://wordpress.org/documentation/files/2022/
07/typography-settings.png)

[Get more details about changing typography settings.](https://wordpress.org/documentation/article/typography-settings-overview/)

### 󠀁[Dimensions](https://wordpress.org/documentation/article/read-more-block/?output_format=md#dimensions)󠁿

The Dimensions settings allow you to customize the padding and margin for the block.
Padding is the space between the block outline and the block content, while margin
is the gap to other blocks.

![Dimensions in Read More block](https://wordpress.org/documentation/files/2022/
07/dimensions-settings.png)

[Learn more about dimension controls.](https://wordpress.org/documentation/article/dimension-controls-overview/)

### 󠀁[Border](https://wordpress.org/documentation/article/read-more-block/?output_format=md#border)󠁿

The Border settings allow you to create a border for the selected block. You can
define the border width value using one of the six available unit options, similar
to padding and margin.

![Border settings in Read More block](https://wordpress.org/documentation/files/
2022/07/border-settings.png)

[Learn more about border settings.](https://wordpress.org/documentation/article/border-settings-overview/)

**Advanced**

The Advanced section lets you add CSS classes to use a custom style for the selected
Read More block.

![Advanced CSS in Read More block](https://wordpress.org/documentation/files/2022/
07/advanced-settings.png)

## 󠀁[Changelog](https://wordpress.org/documentation/article/read-more-block/?output_format=md#changelog)󠁿

 * Created 2022-07-18

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/read-more-block/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fread-more-block%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

July 18, 2022

Last updated

May 15, 2026