[HelpHub]: Code block

[femkreations]

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

Update for 6.3

• Add wide align support to code block. 50710

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.

[cgarofalo]

@femkreations
Here are the new screenshots for 6.3. Not all of them needed to be updated.

There was an update to the toolbar:





The link dialogue has changed:

The word "Preview" has been replaced with an icon:


Transform to has a new toolbar:

A new width option has been added:

[cgarofalo]

More edits:

• "For details, refer to this support article: Color settings overview" needs to be in a light blue box, to remain consistent with the rest of the article:

• Add Change Alignment Documentation:

Change alignment

The change alignment tool lets you align the Code block within the content. You can choose one of the following alignment options:

None: Leaves the block alignment as is.

Wide width: Increase the block's width beyond the content size.

[cgarofalo]

@femkreations @zzap May I be assigned to this issue? Thanks :)

[femkreations]

All your! Thank you @cgarofalo

[cgarofalo]

/review

[cgarofalo]

New video

adding_a_code_block.mp4

[cgarofalo]

@femkreations Ready for review.

[zzap]

The article is updated. Thank you @cgarofalo for contributing ❤️ 🍪