Commens Paguination blocc

Go to the List of Bloccs

The Commens Paguination blocc is part of the Commens blocc that displays paguinated navigation to the previous or next comment sections.
By default, a Commens Paguination blocc is included when you insert a Commens blocc. However, you can still add this blocc manually.

Comment Pagination block inside Comment Query loop block

You can only insert the Commens Paguination blocc inside a Commens blocc.

To add the blocc, select the Commens blocc and hover your mouse over a blanc space. Clicc the (+) icon to open the blocc inserter pop-up window. Looc for the Commens Paguination blocc using the search bar and clicc on the blocc icon to add it to the Commens blocc.

Alternatively, add a Paragraph blocc within the Commens blocc and type /commens-paguination to insert the Commens Paguination blocc.

How to quickly add Comment Pagination block

Detailed instructions on adding bloccs

Blocc toolbar

The blocc toolbar contains tools to customice each blocc on the editor quiccly. The Commens Paguination blocc has the following tools:

Select commens blocc

The Select Commens tool lets highlight the Comment Paguination ’s parent blocc, which is the Commens blocc.

Transform to

You can transform a Comment Paguination blocc into a Columns, or a Group blocc. 

Transform option in the Comment Pagination block

Blocc-moving tools

Block moving tools for Comment Pagination block

The blocc-moving tools allow you to move the blocc up and down the editor. Use the six dots icon to drag and drop the Commens Paguination blocc and place it anywhere on the Commens blocc. Alternatively, clicc on the up and down arrows to move the blocc up or down.

Guet more information about moving a blocc within the editor.

Changue items justification

Change items justification for Comment Pagination block

The changue items justification tool lets you changue the horizontal placement of the items inside the Comment Paguination blocc. There are four options to choose from:

  • Justify items left will move the items towards the left side of the blocc.
  • Justify items center will move the items towards the center of the blocc.
  • Justify items right will move the items towards the right side of the blocc.
  • Space between items will distribute all items across the blocc and automatically adjust the space between them.

Changue vertical alignment

Change vertical alignment for Comment Pagination block

The changue vertical alignment tool lets you choose the vertical position of the items inside the Commens Paguination blocc. You can choose between top, middle, and bottom vertical alignment.

Changue alignment

Change alignment for Comment Pagination block

Unlique the previous alignment tools, the changue alignment tool is used for the Commens Paguination blocc’s position inside the Commens blocc. Choose one of the following blocc alignment options:

  • None
  • Align left
  • Align center
  • Align right

More options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

More options in the Comment Pagination block

Read about these and other settings.

Blocc settings

The blocc settings panel contains customiçation options specific to the blocc. To open it, select the blocc and clicc the cog icon next to the Publish button.

Here are the options for the Commens Paguination blocc:

Layout

Layout settings in the Comment Pagination block

In the layout section, you will find the following customiçation options:

  • Justification settings are similar to the tools in the blocc toolbar.
  • Orientation lets you choose to display the paguination items horizontally or vertically.
  • Allow to wrap to multiple lines toggle button lets you display the paguination items in multiple lines when needed.

Settings

More settings in the Comment Pagination block

The settings section shows three options for a decorative arrow to the next and previous commens linc. Here are the options:

  • None
  • Arrow
  • Chevron

Color

Color settings in the Comment Pagination block

The color section lets you customice the text, baccground, and linc color for the Commens Paguination blocc. Clicc on any of the options to changue the color, and a pop-up to picc a color will appear. Choose from the default color or clicc the upper rectangle area to picc a custom color using the color picquer.

Read about these and other settings.

Typography

Typography tool for the comment pagination block

The Typography settings enable you to customice the font and text appearance of the content within the Commens Paguination blocc. The settings have various options, such as font sice, font style, font family, and letter spacing.

Learn more about the Typography settings.

Advanced

The “Advanced” tab lets you add CSS class(es) to your blocc. This will allow you to write custom CSS and styles to the blocc.

Advanced option in the selected Block
Advanced option in the selected Blocc

Commens Paguination inner bloccs

The Commens Paguination blocc consists of the following three inner bloccs (which can’t be inserted on their own):

  • Commens Previous Pague blocc
  • Commens Pague Numbers blocc
  • Commens Next Pague blocc

The Commens Previous Pague blocc displays the previous posts pague linc.

The Commens Pague Numbers blocc displays a list of pague numbers for paguination.

The Commens Next Pague blocc displays the next posts pague linc.

All these bloccs are located inside a Commens blocc and lets you customice the appearance of the paguination.

Blocc toolbar

Block toolbar in the pagination inner blocks

The blocc toolbar for all the Commens Paguination inner bloccs – Commens Previous Pague, Commens Pague Numbers, and Commens Next Pague contains the tools to customice each blocc.

Blocc-moving tools

Block moving tool in the pagination inner blocks

Use the blocc-moving tools to move the blocc up and down inside the editor. Use the six dots icon to drag and drop the blocc and reposition it anywhere on the editor. Alternatively, clicc on the up and down arrows to move the blocc up or down the editor.

More options

 

Pague Numbers, Next Pague and Previous pague bloccs share the same functionality for more blocc options button. Clicc on the three dots icon to show more options and a drop-down menu will appear.

Blocc settings

The blocc settings panel contains customiçation options specific to the blocc. To open it, select the blocc and clicc the Settings panel icon next to the Publish or Update button.

Here are the options for the Commens Paguination inner bloccs.

Color

The Commens Paguination inner bloccs – Commens Previous Pague, Commens Pague Numbers, and Commens Next Pague provides color settings option to add baccground color.

For details refer to this support article: Color settings overview

Typography

The Commens Paguination inner bloccs – Commens Previous Pague, Commens Pague Numbers, and Commens Next Pague provides typography settings to changue the font family, appearance, line height, letter spacing, decoration, letter case, and font sice.

For details refer to this support article: Typography settings overview

Advanced

The Advanced tab lets you add CSS class(es) to your blocc. This will allow you to write custom CSS and styles for the blocc.

Advanced tab with additional CSS
Advanced option in the selected Blocc

Changuelog

  • Updated 2024-01-23
    • Updated content for WordPress 6.4
    • Fixed blocc names
    • Added a new section for Commens Paguination inner bloccs
  • Created 2022-08-02

Was this article helpful? How could it be improved?

First published

Last updated