{"id":16355697,"date":"2023-02-14T15:18:55","date_gmt":"2023-02-14T15:18:55","guid":{"rendered":"https:\/\/wordpress.org\/documentation\/?post_type=helphub_article&p=16355697"},"modified":"2024-06-06T13:47:49","modified_gmt":"2024-06-06T13:47:49","slug":"comments-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/comments-block\/","title":{"rendered":"Comments block"},"content":{"rendered":"\n
Go to the list of Blocks<\/a><\/p>\n\n\n\n The Comments<\/em> block is an advanced block that displays post comments with various visual configurations. It contains multiple blocks to show comments, such as Comments Title<\/a>, Comment Template<\/a>, Comment Pagination<\/a>, and Post Comments Form<\/a>. With the Comments block, adding a comment section to your posts becomes effortless.<\/p>\n\n\n\n To add the Comments<\/em> block, open the block inserter by clicking the (+<\/strong>) icon on the upper left corner of the editor. After that, look for Comments using the search bar and click it to insert the block into the editor.<\/p>\n\n\n\n Alternatively, you can type \/comments <\/kbd>on the editor to insert the Comments<\/em> block manually.<\/p>\n\n\n\n Detailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\n Most blocks have their own block-specific controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\n The Comments Block<\/em> shows the following buttons:<\/p>\n\n\n\n The Transform to button lets you change the Comments<\/em> block into a Columns or a Group block.\u00a0<\/p>\n\n\n\n The dotted icons can be used to drag and drop a block to the place of your choosing. The up and down arrow icons can be used to shift a block up and down in your document.<\/p>\n\n\n\n Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n You can modify the alignment of the Comments<\/em> block using this tool. Click on the icon and select one of the following alignment options:<\/p>\n\n\n\n When you transform the Comments<\/em> block into a Columns block, the toolbar will show an additional tool called Change vertical alignment with three options:<\/p>\n\n\n\n The Options <\/strong>button on a block toolbar gives you more features to customize the block.\u00a0<\/p>\n\n\n\n Read about these and other settings.<\/a><\/p>\n\n\n\n The block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/em> <\/strong>button next to the Publish<\/em> <\/strong>button.<\/p>\n\n\n\n It\u2019s possible to change the Color<\/em>, Typography,<\/em> and Dimensions<\/em> settings. To access them, open the Styles <\/em>section:<\/p>\n\n\n\n The Comments<\/em> block provides color settings options to change the text and background colors.<\/p>\n\n\n\n For details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\n The Comments<\/em> block provides typography settings to change the font family, appearance, line height, letter spacing, decoration, letter case, and font size.<\/p>\n\n\n\n For details, refer to this support article: Typography settings overview<\/a><\/p>\n\n\n\n<\/figure>\n\n\n\n
Block toolbar<\/h2>\n\n\n\n
\n
Transform to<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
Moving handles<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
Change alignment<\/h3>\n\n\n\n
\n
<\/figure>\n\n\n\n
\n
<\/figure>\n\n\n\n
Options<\/h2>\n\n\n\n
Block settings<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Color<\/h3>\n\n\n\n
Typography<\/h3>\n\n\n\n
Dimensions<\/h3>\n\n\n\n