{"id":15857479,"date":"2022-07-25T18:21:41","date_gmt":"2022-07-25T18:21:41","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=15857479"},"modified":"2023-05-18T15:40:36","modified_gmt":"2023-05-18T15:40:36","slug":"comment-author-name-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/comment-author-name-block\/","title":{"rendered":"Comment Author Name Block"},"content":{"rendered":"\n

Go to the List of Blocks<\/a><\/p>\n\n\n\n

The Comment Author Name<\/em> block <\/em>displays the username of the comment\u2019s author. This block is nested inside a Comment Query Loop block and lets you customize the appearance of the comment author\u2019s name.<\/p>\n\n\n\n

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

You can only insert the Comment Author Name Block<\/em> 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 Author Name block.<\/p>\n\n\n\n

You can also use the keyboard shortcut \/comment-name<\/code> to quickly insert a Comment Author Name 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 Author Name block\u2019s toolbar is relatively simple with the following tools:<\/p>\n\n\n\n

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

You can transform a Comment Author Name block<\/em> into a Columns, 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

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

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

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

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

Text alignment options lets you choose to align the author’s name left, center, or right.<\/p>\n\n\n\n

More options<\/h3>\n\n\n\n

 <\/p>\n\n\n\n

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

Here are the options for the Comment Author Name 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 Link to authors URL<\/code><\/em> option to link the author\u2019s name to their profile page. When you enable it, the Open in new tab<\/em> <\/code>option will appear. Enable it if you want the author\u2019s profile page opened in a new tab.<\/p>\n\n\n\n

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

Text and background colors can be set on a per-block basis, allowing you to call attention to important content. Pick a color from the suggestions, or add a custom color using the color picker or by adding a color code.<\/p>\n\n\n\n

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

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

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

<\/p>\n\n\n\n

Dimension<\/h3>\n\n\n\n

Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, margin, and other dimensions<\/p>\n\n\n\n

\"Dimension<\/figure>\n\n\n\n

Learn more about dimension controls.<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

Advanced <\/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

\"Advanced
Advanced option in the selected Block<\/figcaption><\/figure>\n\n\n\n
\n

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

    Go to the List of Blocks The Comment Author Name block displays the username of the comment\u2019s author. This block is nested inside a Comment Query Loop block and lets you customize the appearance of the comment author\u2019s name. You can only insert the Comment Author Name Block inside a Comment Template block within the Comment Query […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,91],"class_list":["post-15857479","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\/15857479","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=15857479"}],"version-history":[{"count":4,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15857479\/revisions"}],"predecessor-version":[{"id":16357016,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15857479\/revisions\/16357016"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=15857479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=15857479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}