[6.7 HelpHub]: Comment Date block

[ndiego]

Article: https://wordpress.org/documentation/article/comment-date-block/

Update for 6.7

• Comment Date: Add border support (64210)
• Comment Date: Add relative date format. (62298)

General

• Make sure all screenshots are relevant to the latest version
• Make sure videos, if any, are up to date
• Add ALT tags for the images
• Make sure the headings are in sentence case
• Convert all reusable blocks to a ‘regular block’.
• Update the changelog at the end of the article

Notes

1. We are not adding detailed updates for the Block settings - Typography, Color, Layout, Dimension and Border and for the More Options setting in the block toolbar. Pls mention the settings included for the block and link to the detailed settings pages instead.
2. Some of the PRs have great videos that can be added to the article.

[github-actions]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[benazeer-ben]

/assign

[github-actions]

Hey @benazeer-ben, thanks for your interest in this issue! 🍪🍪🍪
If you have any questions, do not hesitate to ask them in our #docs Slack channel.
Enjoy and happy contributing ❤️

[benazeer-ben]

Hi Team,

Here are the latest screenshot and content update for Comment Date block.

• Comment Date: Add border support

Border settings allow you to customize the appearance of block borders by adjusting properties such as border width, style (solid, dashed, dotted, etc.), and color.

Also, you can control border radius to create rounded corners for a softer look. These settings help define block separation, enhance visual hierarchy, and improve overall design consistency.

• Comment Date: Add relative date format.

Enhance date formatting flexibility in the editor by displaying dates in a relative format (e.g., "2 days ago").

This feature introduces a human-diff date format option, allowing users to choose a dynamic time representation using WordPress’s built-in human_time_diff() function.

How to Use:

Insert a Comment Date block in your post or page via Comments Block
Open the block settings panel.
Locate the Choose a format option.
Click the dropdown to view available date formats.
Select the format displaying an example like "2 years ago" to enable relative time.
This improves readability by providing contextually relevant timestamps instead of static dates.

General

• Make sure all screenshots are relevant to the latest version

Comment Date Block

Block toolbar

Transform to

Click on the “Transform” button to convert the Comment Date block into a “Group” block, “Details” block or “Columns” block.

Block-moving tools

More options

Block settings

The block settings panel contains customization options specific to the block. To open it, select the block and click the settings icon next to the Publish button.

Settings

Color

Typography

Dimension

• Make sure videos, if any, are up to date

No videos in this article.

• Add ALT tags for the images

Checked all images and all have ALT tags except the image in the More options section.

• Make sure the headings are in sentence case

Checked all heading for sentence case. All good.

• Convert all reusable blocks to a ‘regular block’.

• Update the changelog at the end of the article

Updated 2025-02-06

Updated the Comment Date block screenshots and content with latest version changes.

[github-actions]

Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.