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

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

The Comment Date<\/em> Block<\/em> displays the date on which a comment was posted. This block is located inside a Comment Query Loop block and allows users to edit the appearance of the comment date. <\/p>\n\n\n\n

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

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

You can also use the keyboard shortcut \/comment-date<\/code> to quickly insert a Comment Date 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 Date 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 Date 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

\"Moe<\/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 Date Block<\/em> 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

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

 <\/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 Date Block<\/em>:<\/p>\n\n\n\n

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

In the Settings tab, you can select the Date format. By turning on the Default format<\/em> <\/em><\/strong>option, you can choose to use the default date format. When this setting is turned off, you can select the preferred date format from the drop-down list or enter a custom date or time format<\/a>.<\/p>\n\n\n\n

\"Changing<\/figure>\n\n\n\n

You can also turn on\/off the ‘Link to comment’<\/em> switch. Turning on this button will link the date field to the specific comment.<\/p>\n\n\n\n

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

The Comment Date Block<\/em> lets you customize the text, background, and link color. 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

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

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

To access all the typography options click on the 3-dot button in the right corner of the Typography tab. You also have the option to Reset all the typography changes you made by clicking on the Reset all option in the dropdown.<\/p>\n\n\n\n

\"Reset<\/figure>\n\n\n\n

Get more details about changing typography settings.<\/a><\/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 Date Block displays the date on which a comment was posted. This block is located inside a Comment Query Loop block and allows users to edit the appearance of the comment date.  You can only insert the Comment Date Block inside a Comment Template block within the […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,91],"class_list":["post-15857170","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\/15857170","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=15857170"}],"version-history":[{"count":3,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15857170\/revisions"}],"predecessor-version":[{"id":16358276,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15857170\/revisions\/16358276"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=15857170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=15857170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}