Click the (+) icon to open the block inserter pop-up window and search for the Next Post block.
You can also type the keyboard shortcut
/next in a new paragraph and hit
enter to quickly insert a Next Post block.
Refer to this article for detailed instructions on adding blocks.
To display the block toolbar, click on the block.
Every block comes with unique toolbar icons. These block-specific controls allow you to manipulate the block right in the editor.
The Next Post block toolbar shows 7 buttons:
- Transform to
- Move up/down
- Change text alignment
To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag it 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.
The up and down arrow icons can be used to move the block up and down on the page.
Detailed instructions on moving a block within the editor can be found here.
Using the alignment drop-down from the toolbar, you can align the whole paragraph text to the left, make it center-aligned or orient it to the right.
The Next Post block allows you to change the “Next” default label of the link to a phrase of your choice. If so, you can apply bold formatting to the new label.
More options on a block toolbar give you more features to customize the block.
Details about More options can be found in this support article.
The block settings panel contains customization options specific to the block. To open it, select the block and click the Settings icon next to the Publish button.
Here are the options for the Next Post block:
Under the Settings tab, turn on Display title as a link button in the Block Settings to link the Next Post link to the URL of the next post.
Choose between None, Arrow or Chevron options to add a decorative arrow next to the Next post link.
The Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.
Under the Styles tab, you can find options to customize the Color settings and Typography settings for the Next Post block.
The Next Post block has color settings options to change the text, background and link colors.
For details refer to this support article: Color settings overview
The Next Post block has typography settings to change the font family, appearance, line height, letter spacing, decoration, letter case, and font size.
For details refer to this support article: Typography settings overview
- Created 2023-05-11