{"id":15925767,"date":"2022-08-17T20:28:46","date_gmt":"2022-08-17T20:28:46","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=15925767"},"modified":"2024-06-06T13:47:33","modified_gmt":"2024-06-06T13:47:33","slug":"comment-edit-link-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/comment-edit-link-block\/","title":{"rendered":"Comment Edit Link block"},"content":{"rendered":"\n

Go back to the list of Blocks<\/strong><\/a><\/p>\n\n\n\n

The Comment Edit Link<\/em> block <\/em>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<\/em> link. The Edit link is only visible to users who have permission to edit the comments. <\/p>\n\n\n\n

\"Comment<\/figure>\n\n\n\n

You can only insert the Comment Edit Link <\/em>block inside a Comment Template block within the Comment Query Loop block. <\/p>\n\n\n\n

Click the (+) icon inside the comment template block to open the block inserter pop-up window and search for the Comment Edit Link<\/em> block.<\/p>\n\n\n\n

You can also use the keyboard shortcut \/comment-edit-link <\/kbd>to quickly insert a Comment Edit Link <\/em>block inside a Comment Template block.<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n

Block toolbar<\/h2>\n\n\n\n
\"Block<\/figure>\n\n\n\n

The block toolbar contains the tools to customize each block. The Comment Edit Link<\/em> block\u2019s toolbar consists of the following tools:<\/p>\n\n\n\n

Transform to<\/strong><\/p>\n\n\n\n

You can transform a Comment Edit Link<\/em> block into a Columns block, or a Group block. <\/p>\n\n\n\n

\"Transform<\/figure>\n\n\n\n

Block-moving tools<\/strong><\/p>\n\n\n\n

\"Block<\/figure>\n\n\n\n

Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n

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<\/em> 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.<\/p>\n\n\n\n

Change text alignment<\/strong><\/p>\n\n\n\n

\"Change<\/figure>\n\n\n\n

Text alignment options let you align the Edit button towards the left, center, or right.<\/p>\n\n\n\n

More options<\/strong><\/p>\n\n\n\n

The More Options menu<\/a> represented by three vertical dots on the far right of the toolbar<\/strong> gives you more features such as the ability to duplicate, remove, or edit your block as HTML. <\/p>\n\n\n\n

<\/a>Read about these and other settings.<\/a><\/p>\n\n\n\n

Block settings<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

\"The<\/figure>\n\n\n\n

Here are the options for the Comment Edit Link<\/em> block:<\/p>\n\n\n\n

Link <\/h3>\n\n\n\n
\"Link<\/figure>\n\n\n\n

In the Link Settings section, you can enable the open in new tab<\/em> option, and if enabled, will open the link editing page in a new tab. <\/p>\n\n\n\n

Color <\/h3>\n\n\n\n

The Comment Edit Link block lets you customize the background and link color. <\/p>\n\n\n\n

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.<\/p>\n\n\n\n

\"Color<\/figure>\n\n\n\n

<\/a><\/a>See this guide for more information about changing colors.<\/a><\/p>\n\n\n\n

Typography <\/h3>\n\n\n\n

Typography settings allow you to change a block\u2019s font size, appearance, line height, letter casing, and spacing.<\/p>\n\n\n\n

\"Typography<\/figure>\n\n\n\n

<\/a><\/a>Get more details about changing typography settings.<\/a><\/p>\n\n\n\n

Advanced settings<\/strong><\/p>\n\n\n\n

The \u201cAdvanced\u201d tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.<\/p>\n\n\n\n

\"Advance<\/figure>\n\n\n\n
\n

Changelog<\/h2>\n\n\n\n
    \n
  • Created 2022-08-17<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Go back to the list of Blocks 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 […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,91],"class_list":["post-15925767","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-theme-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15925767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=15925767"}],"version-history":[{"count":4,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15925767\/revisions"}],"predecessor-version":[{"id":16360294,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15925767\/revisions\/16360294"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=15925767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=15925767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}