Documentation-Issue-Tracker icon indicating copy to clipboard operation
Documentation-Issue-Tracker copied to clipboard

[6.7 HelpHub]: Preformatted block

Open ndiego opened this issue 1 year ago • 5 comments

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

Update for 6.X

  • [ ] Preformatted: Add border support (64302)

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.

ndiego avatar Oct 26 '24 21:10 ndiego

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

github-actions[bot] avatar Oct 26 '24 21:10 github-actions[bot]

/assign

benazeer-ben avatar Feb 05 '25 09:02 benazeer-ben

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 ❤️

github-actions[bot] avatar Feb 05 '25 09:02 github-actions[bot]

  • [x] Preformatted: Add border support

Image

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. General

  • [x] Make sure all screenshots are relevant to the latest version

Preformatted block

Image

Change block type or style / Transform to

Image

You can transform the Preformatted Block into Paragraph Block, Columns Block, Code Block, Details Block or Group. The Group would give you the ability to change the background color around the Preformatted Block.

Hyperlink

Image

More rich text options

Image

More options

Image

Block Settings

Image

Color

Image

Typography

Image

Dimension

Image

Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, margin, and other dimensions

-[x] Make sure videos, if any, are up to date

Only one video and it is up to date.

  • [x] Add ALT tags for the images

Checked all images and all have ALT tags.

  • [x] Make sure the headings are in sentence case

Checked all heading for sentence case. All good.

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

  • [x] Update the changelog at the end of the article

Updated 2025-02-05

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

benazeer-ben avatar Feb 05 '25 11:02 benazeer-ben

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

github-actions[bot] avatar Feb 10 '25 11:02 github-actions[bot]