Comment Pagination Block

Go to the List of Blocks

The Comment Pagination block displays paginated navigation to the next or previous set of comments. This is a part of the Comments Query Loop block that lets you customize the layout and appearance of the navigation.

Comment Pagination block inside Comment Query loop block

You can only insert the Comment Pagination block inside a Comment Query Loop block. 

A Comment Pagination block is already included by default when you add a Comments Query Loop block. That said, you can insert it manually when needed.

Click the (+) icon inside the Comments Query Loop block to open the block inserter pop-up window and search for the Comment Pagination block.

You can also use the keyboard shortcut /comment-pagination to insert a Comment Pagination block quickly.

How to quickly add Comment Pagination block

Refer to this article for detailed instructions on adding blocks.

Block toolbar

The block toolbar contains tools to customize each block on the editor quickly. The Comment Pagination block has the following tools:

Transform to

You can transform a Comment Pagination block into a Columns, or a Group block. 

Transform option in the Comment Pagination block

Block-moving tools

Block moving tools for Comment Pagination block

The block-moving tools allow you to move the block up and down the editor. Use the six dots icon to drag and drop the Comment Pagination block and place it anywhere on the Comments Query Loop block. Alternatively, click on the up and down arrows to move the block up or down.

Change items justification

Change items justification for Comment Pagination block

The change items justification tool lets you change the horizontal placement of the items inside the Comment Pagination block. There are four options to choose from:

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

Change vertical alignment

Change vertical alignment for Comment Pagination block

The change vertical alignment tool lets you choose the vertical position of the items inside the Comment Pagination block. You can choose between top, middle, and bottom vertical alignment.

Change alignment

Change alignment for Comment Pagination block

Unlike the previous alignment tools, the change alignment tool is used for the Comment Pagination block’s position inside the Comments Query Loop block. Choose one of the following block alignment options:

  • None
  • Align left
  • Align center
  • Align right

More options

More options in the Comment Pagination block

Click on the three dots icon to open a drop-down menu that shows more block options. Here are the actions you can find:

  • Show/Hide more settings opens or closes the block settings panel on the editor’s sidebar. Its functionality is similar to clicking the cog icon next to the Publish button.
  • Select parent block will move you to the parent block that contains the Comment Pagination block.
  • Copy adds the Comment Pagination into the clipboard. Then, you can paste it anywhere you want inside the Comments Query Loop.
  • Duplicate creates a copy of the selected block that appears after the current block.
  • Insert before adds a new block before the selected block(s).
  • Insert after adds a new block after the selected block(s).
  • Move to lets you use a blue line on the editor to indicate the new position for the selected block. Use your keyboard’s up and down arrows to move the blue line. When the line is in the desired position, press Enter to move the selected block to that position. Note that you can only move the Comment Pagination block inside the Comments Query Loop block.
  • Lock lets you prevent users from moving or deleting the selected block. A pop-up window will appear to set the block locking attribute to the selected block. You can opt to disable movement, prevent removal, or both for the selected block.
  • Make template part allows you to create a new template from the selected block. A pop-up window will appear to name the template part and select the template area.
  • Add to Reusable blocks makes the selected block a reusable block. A pop-up window will appear to set the name for the block.
  • Group turns the selected block(s) into a group of blocks so you can configure them as a unit.
  • Remove Comment Pagination deletes the selected block from the content.

Top ↑

Block settings

The block settings panel contains customization options specific to the block. To open it, select the block and click the cog icon next to the Publish button.

Here are the options for the Comment Pagination block:

Layout settings

Layout settings in the Comment Pagination block

In the layout section, you will find the following customization options:

  • Justification settings are similar to the tools in the block toolbar.
  • Orientation lets you choose to display the pagination items horizontally or vertically.
  • Allow to wrap to multiple lines toggle button lets you display the pagination 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 comments link. Here are the options:

  • None
  • Arrow
  • Chevron

Color settings

Color settings in the Comment Pagination block

The color section lets you customize the text, background, and link color for the Comment Pagination block. Click on any of the options to change the color, and a pop-up to pick a color will appear. Choose from the default color or click the upper rectangle area to pick a custom color using the color picker.

Advanced settings

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

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

Changelog:

  • Created 2022-08-02

Was this article helpful? How could it be improved?