{"id":11286019,"date":"2019-03-07T13:00:12","date_gmt":"2019-03-07T13:00:12","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11286019"},"modified":"2026-05-29T19:28:34","modified_gmt":"2026-05-29T19:28:34","slug":"latest-comments-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/latest-comments-block\/","title":{"rendered":"Latest Comments block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go to the List of Blocks<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Latest Comments block displays the most recent comments readers have left on your blog, including the users and blog posts. This block is useful to show the recent activities and ongoing discussion on your blog.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1999\" height=\"930\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-block.png\" alt=\"The Latest Comments block on the editor\" class=\"wp-image-16356660\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-block.png 1999w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-block-300x140.png 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-block-1024x476.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-block-768x357.png 768w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-block-1536x715.png 1536w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Additional options for this block include to display the commenter&#8217;s avatar, comment date, and comment excerpt. Read the <strong>Block settings<\/strong> section to learn more about this.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"978\" style=\"aspect-ratio: 1498 \/ 978;\" width=\"1498\" controls poster=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.40.49-AM.png\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Kapture-2026-05-01-at-11.37.39.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add a Latest Comments block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It can be added to any template, template part, page, and widget area. Click the block inserter icon (<strong>+<\/strong>) to open the block inserter pop-up window and choose the Latest Comments block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use the keyboard shortcut <kbd>\/latest-comments<\/kbd> to quickly insert a<em> <\/em>Latest Comments block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"372\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/keyboard-input-latest-comment.png\" alt=\"Adding the Latest Comments block using keyboard input\" class=\"wp-image-16356662\" style=\"width:376px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/keyboard-input-latest-comment.png 632w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/keyboard-input-latest-comment-300x177.png 300w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block toolbar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every block has unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor. The Latest Comments<em> <\/em>block shows the following buttons:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"432\" height=\"110\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/toolbar.png\" alt=\"The Latest Comments block toolbar\" class=\"wp-image-16356663\" style=\"width:324px;height:83px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/toolbar.png 432w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/toolbar-300x76.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Transform to<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you click the <strong>Transform <\/strong>button, you can convert the Latest Comments block into another block type using the existing content.You can transform the Latest Comments block into Columns, Group or Details blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"662\" height=\"506\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.44.42-AM.png\" alt=\"Transform options for Latest Comments block\" class=\"wp-image-16367604\" style=\"width:343px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.44.42-AM.png 662w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.44.42-AM-300x229.png 300w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block-moving tools<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Screen-Shot-2022-08-01-at-11.14.47-AM-2.png\" alt=\"Block moving tools in the Latest comments block\" class=\"wp-image-15878513\" style=\"aspect-ratio:4.064102564102564;width:269px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the block-moving tools to move the block up and down the editor. Use the six dots icon to drag and drop the Latest Comments 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<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" target=\"_blank\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Change alignment <\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Latest-Comments-HelpHub-SS-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1332\" height=\"690\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Latest-Comments-HelpHub-SS-3.png\" alt=\"Alignment controls for the latest comments block\" class=\"wp-image-15863328\" style=\"aspect-ratio:1.9304726455509515;width:671px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Latest-Comments-HelpHub-SS-3.png 1332w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Latest-Comments-HelpHub-SS-3-300x155.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Latest-Comments-HelpHub-SS-3-1024x530.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Latest-Comments-HelpHub-SS-3-768x398.png 768w\" sizes=\"auto, (max-width: 1332px) 100vw, 1332px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Align <\/strong>button<strong> <\/strong>to change the Latest Comments block\u2019s position inside the block editor. Choose one of the following block alignment options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>None <\/strong>\u2013 the default option.<\/li>\n\n\n\n<li><strong>Wide width<\/strong> \u2013 increase the width of the block beyond the content size.<\/li>\n\n\n\n<li><strong>Full width<\/strong> \u2013 extend the block to cover the full width of the screen.<\/li>\n\n\n\n<li><strong>Align left<\/strong> \u2013 make the block left-aligned.<\/li>\n\n\n\n<li><strong>Align center<\/strong> \u2013 make the block alignment centered.<\/li>\n\n\n\n<li><strong>Align right <\/strong>\u2013 make the block right-aligned.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201cWide width\u201d and \u201cFull width\u201d alignment settings must be enabled by your WordPress theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More options <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The More options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate or remove the block.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every block has specific options in the editor sidebar in addition to the options found in the block toolbar.&nbsp;If you do not see the sidebar, click on the&nbsp;<strong>Settings button<\/strong>&nbsp;next to the Save\/Publish button.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"224\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-settings-Screenshot-2026-03-08-at-8.13.56-AM-1-1-4.png\" alt=\"Block settings button in editor\" class=\"wp-image-16367595\" style=\"aspect-ratio:2.589440669106116;width:351px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-settings-Screenshot-2026-03-08-at-8.13.56-AM-1-1-4.png 580w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-settings-Screenshot-2026-03-08-at-8.13.56-AM-1-1-4-300x116.png 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Latest comments settings <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Latest Comments settings let you to choose whether to display the avatar, the date, and\/or the excerpt. They are all on by default. You may also adjust the number of comments to display within the block by using the slider tool or inserting the number in the available field.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"794\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-settings.png\" alt=\"The Latest Comments block settings panel\" class=\"wp-image-16356665\" style=\"aspect-ratio:0.6686507936507936;width:281px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-settings.png 530w, https:\/\/wordpress.org\/documentation\/files\/2023\/04\/latest-comment-settings-200x300.png 200w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Latest Comments block provides the following Advanced settings options: HTML anchor, Additional CSS Class(es), and Styles.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/advanced-settings-overview\/\">Learn more about advanced settings<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block Settings: Styles<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"325\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.33.51-AM-325x1024.png\" alt=\"Block settings styles panel\" class=\"wp-image-16367598\" style=\"width:230px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.33.51-AM-325x1024.png 325w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.33.51-AM-95x300.png 95w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.33.51-AM-488x1536.png 488w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-05-01-at-11.33.51-AM.png 546w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the styles panel for the options below:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Latest Comments block provides Color settings options to change the text and background colors.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">See this guide for more information about changing colors<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Latest Comments block provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\">Get more details about changing typography settings<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dimensions <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Latest Comments block provides dimension settings options to change padding and margin size.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Learn more about dimension controls<\/a><\/p>\n\n\n\n<div class=\"wp-block-group changelog has-very-dark-gray-color has-very-light-gray-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-05-25 (props @kjoyner @awetz583)\n<ul class=\"wp-block-list\">\n<li>Updated &#8220;Advanced&#8221; section to refer to new overview page<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2026-05-01 (props to @awetz583 @webtrainingwheels @karthickmurugan)\n<ul class=\"wp-block-list\">\n<li>Added color, typography, dimensions settings<\/li>\n\n\n\n<li>Updated video<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-04-11\n<ul class=\"wp-block-list\">\n<li>Screenshots for 6.2<\/li>\n\n\n\n<li>Revised formatting<\/li>\n\n\n\n<li>Added Dimensions settings support<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updates 2022-11-27\n<ul class=\"wp-block-list\">\n<li>Removed redadunt content <\/li>\n\n\n\n<li>Aligned images for mobile view <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-11-08\n<ul class=\"wp-block-list\">\n<li>Screenshots for 6.1<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-08-01\n<ul class=\"wp-block-list\">\n<li>Screenshots for 6.0<\/li>\n\n\n\n<li>Added transform and block moving tools info<\/li>\n\n\n\n<li>Added ALT tags for the images<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-07-27\n<ul class=\"wp-block-list\">\n<li>Screenshots as per WordPress 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2019-03-07<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go to the List of Blocks The Latest Comments block displays the most recent comments readers have left on your blog, including the users and blog posts. This block is useful to show the recent activities and ongoing discussion on your blog. Additional options for this block include to display the commenter&#8217;s avatar, comment date, [&hellip;]<\/p>\n","protected":false},"author":16127499,"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,90],"class_list":["post-11286019","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11286019","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=11286019"}],"version-history":[{"count":11,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11286019\/revisions"}],"predecessor-version":[{"id":16368661,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11286019\/revisions\/16368661"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/sophiegy"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11286019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11286019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}