[6.7 HelpHub]: Categories block

[ndiego]

Article: https://wordpress.org/documentation/article/categories-block/

Update for 6.7

• Post Terms (Categories): Add border support (64023)

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.

[karthick-murugan]

/assign

[github-actions]

Hey @karthick-murugan, 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 ❤️

[karthick-murugan]

• Post Terms (Categories): Add border support

Add the contents for border support in the second point.

• Make sure all screenshots are relevant to the latest version

Click on the Transform button to convert the Categories block into Tags, Columns, Details, or Group blocks. Transforming into Tags allows you to display post tags instead of categories. Choosing Columns arranges the categories into multiple columns for better layout control. The Details option provides an expandable section to display category information in a more compact format. Converting to a Group block lets you group the Categories block with other blocks for easier styling and organization.

In the Styles tab of the Categories block, you can choose between two styling options: Default and Pill Shaped. The Default style displays categories in a standard list format, following the theme’s typography and spacing. The Pill Shaped style gives category links a rounded, pill-like appearance, making them stand out with a more modern and visually distinct look.

Typography

The Typography settings in the Categories block allow you to customize the text appearance by adjusting options like Font, Appearance, Line height, Letter spacing, Decoration, Orientation, Letter case, and Drop cap. These controls help in refining the text style to match the overall design and readability preferences of your site.

Dimensions

The Dimensions settings let you control the Padding, Margin, and Block spacing for the Categories block. These options help in defining the spacing around and between elements, ensuring proper alignment and layout consistency across different sections of your site.

Border

The Border settings allow you to add a custom border to the Categories block by adjusting Border width, Style, Color, and Radius. These options provide greater flexibility in styling, allowing you to create visually distinct category lists that align with your site's design.

Remove the old Advanced image and replace it with this "Advanced" latest image.

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

  No videos in this categories list block article.

• Add ALT tags for the images

  https://wordpress.org/documentation/files/2023/06/categories-block.png - add "Categories Block" as alt tag for this image.

https://wordpress.org/documentation/files/2023/06/categories-sidebar-block.png - add "Categories Sidebar Block" as alt tag for this image.

https://wordpress.org/documentation/files/2023/06/typography-settings-categories-block-sidebar.png - add "Typography Settings Categories Sidebar Block" as alt tag for this image.

• 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-04

  Updated the Categories block screenshots and content with latest version changes.

[github-actions]

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