Comment Author Name Block

Go to the List of Blocks

The Comment Author Name block displays the username of the comment’s author. This block is nested inside a Comment Query Loop block and lets you customize the appearance of the comment author’s name.

Comment Author Name block

You can only insert the Comment Author Name Block inside a Comment Template block within the Comment Query Loop block. 

Click the (+) icon inside the Comment Template block to open the block inserter pop-up window and search for the Comment Author Name block.

You can also use the keyboard shortcut /comment-name to quickly insert a Comment Author Name block inside a Comment Template block.

How to add Comment Author Name block

Refer to this article for detailed instructions on adding blocks.

Block toolbar

Block toolbar in the Comment Author Name block

The block toolbar contains the tools to customize each block. The Comment Author Name block’s toolbar is relatively simple with the following tools:

Transform to

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

Transform option in the Comment Author Name block

Block-moving tools

Block moving tools in the Comment Author Name block

Use the block-moving tools to move the block up and down the editor. Use the six dots icon to drag and drop the Comment Author Name block and reposition it anywhere on the editor. Alternatively, click on the up and down arrows to move the block up or down the editor.

Get the details on moving a block within the editor.

Change text alignment

Change text alignment in the Comment Author Name block

Text alignment options lets you choose to align the author’s name left, center, or right.

More options

 

Click on the three dots icon to show more block options. A drop-down menu will appear, and here are the actions you can find:

More options in the Comment Author Name block
  • 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 Author Name block.
  • Copy adds the comment author block into the clipboard. Then, you can paste it anywhere you want in the block editor.
  • 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.
  • 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 Author Name 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 Author Name block:

Link settings

Link settings in the Comment Author Name block

In the Link Settings section, you can enable the Link to authors URL option to link the author’s name to their profile page. When you enable it, the open in new tab option will appear. Enable it if you want the author’s profile page opened in a new tab.

Color settings

Color settings in the Comment Author Name block

The Comment Author Name block lets you customize the text, background, and link color. The text color option will be applicable when you disable the link to authors URL option on the link settings section. Conversely, the link color option will be applicable if you enable it.

Click on any of the options to change the color. Choose from the default color or click the upper rectangle area to pick a custom color using the color picker.

Color settings in the Comment Author Name block

Typography settings

Typography settings in the Comment Author Name block

The Typography section lets you change the following settings:

Font family

Use the drop-down menu to select the available font family.

Font size

Select one of the four font sizes. Alternatively, you can use a custom font size by clicking the slider icon and specifying the font size in PX, EM, or REM units.

Appearance

Customize how the text appears, whether bold, italic, or a combination of both.

Line height

Define the line height for the Comment Author Name block.

Letter case

Choose between uppercase, lowercase, or capitalize letter case.

Letter spacing

Define the space between letters in the Comment Author Name block. To define the letter spacing, you can choose between PX, %, EM, REM, VW, and VH units.

To access all the typography options click on the 3-dot button in the right corner of the Typography tab. You also have the option to Reset all the typography changes you made by clicking on the Reset all option in the dropdown.

Reset all typography settings

Dimensions settings

Dimension settings in the Comment Author Name block

The Dimensions settings let you 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.

Select one of six available units to specify the padding and the margin:

  • PX
  • %
  • EM
  • REM
  • VW
  • VH

You can unlink sides for padding and margin by clicking the buttons on the right. This allows you to set a different value for each side.

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-07-25

Was this article helpful? How could it be improved?