{"id":15881953,"date":"2022-08-02T17:42:48","date_gmt":"2022-08-02T17:42:48","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=15881953"},"modified":"2023-08-01T10:31:07","modified_gmt":"2023-08-01T10:31:07","slug":"comment-content-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/comment-content-block\/","title":{"rendered":"Comment Content Block"},"content":{"rendered":"\n

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

The Comment Content<\/em> block <\/em>displays the content of a comment. This block is located inside a Comment Query Loop block and lets you customize the appearance of the comment\u2019s content.<\/p>\n\n\n\n

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

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

You can also use the keyboard shortcut \/comment-content<\/kbd> to quickly insert a Comment Content<\/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

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

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

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

You can transform a Comment Content 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 inside the editor. Use the six dots icon to drag and drop the Comment Content <\/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

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 let you align the content of a comment towards the left, center, or right.<\/p>\n\n\n\n

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

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

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

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

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon.<\/em><\/p>\n\n\n\n

\"Cog<\/figure>\n\n\n\n

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

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

The comment content block<\/em> lets you customize the text, and background colors.<\/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>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

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

<\/a>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<\/figure>\n\n\n\n
\n

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

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