The Comment Edit Link block displays a link to edit the comment in the WordPress Dashboard. This block is located inside a Comment Query Loop block and lets you customize the appearance of the Edit link. The Edit link is only visible to users who have permission to edit the comments.
You can only insert the Comment Edit Link 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 Edit Link block.
You can also use the keyboard shortcut /comment-edit-link to quickly insert a Comment Edit Link block inside a Comment Template block.
Refer to this article for detailed instructions on adding blocks.
The block toolbar contains the tools to customize each block. The Comment Edit Link block’s toolbar consists of the following tools:
You can transform a Comment Edit Link block into a Columns block, or a Group block.
Use the block-moving tools to move the block up and down inside the editor. Use the six dots icon to drag and drop the Comment Edit Link 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.
Change text alignment
Text alignment options let you align the Edit button towards the left, center, or right.
Click on the three dots icon to show more block options. A drop-down menu with these actions will appear:
- 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 Edit Link block.
- Copy adds the Comment Edit Link 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.
- 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 Edit Link deletes the selected block from the content.
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 Edit Link block:
In the Link Settings section, you can enable the open in new tab option, and if enabled, will open the link editing page in a new tab.
The Comment Edit Link block lets you customize the background and link color.
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.
The Typography section allows you to change the following settings:
Use the drop-down menu to select the available font family.
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.
Customize how the text appears, whether bold, italic, or a combination of both.
Define the line height for the comment edit link block.
Choose between uppercase, lowercase, or capitalize letter case.
Define the space between letters in the comment edit link 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.
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.
- Created 2022-08-17