[HelpHub]: Buttons Block

[femkreations]

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

Update for 6.3

• Disable edit as HTML support. 49097
• Prepend HTTP to Buttons block links when missing protocol. 47311
• Adopt support for border color, style, and width. 44574
• add support for orientation-based block movers 51831

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.

[karks88]

/assign

[zzap]

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

P.S. This is bot comment.

[karks88]

RE: WordPress/gutenberg#49097
Replace image: https://wordpress.org/documentation/files/2023/03/options-menu-1024x790.png
With the attached screenshot.

ALT: Options menu for the buttons block

[karks88]

RE: WordPress/gutenberg#4731

Change description for Link at:
https://wordpress.org/documentation/article/buttons-block/#for-individual-button

Change content from:
“Use the link option to add a link to the button. It’s also possible to set it to open the link in a new tab”

To:
“Use the link option to add a link to the button. Note that you do not need to add the http:// prefix to the URL. It’s also possible to set it to open the link in a new tab.”

[karks88]

RE: WordPress/gutenberg#44574

Add sections for Border and Dimensions to:
https://wordpress.org/documentation/article/buttons-block/#for-individual-button-2

Border
Border settings provide options to control the width, color, and radius on each side of the button.

VIDEO DEMONSTRATION: https://user-images.githubusercontent.com/60436221/193013631-97c2d7bc-4b80-471c-8531-aaf3874f8e03.mp4
Learn more about border settings.

Dimensions
Each button provides dimensions settings options to change the padding.
Learn more about dimension controls.

[karks88]

RE: WordPress/gutenberg#51831

Add Section for Change button position to:
https://wordpress.org/documentation/article/buttons-block/#for-individual-button-2

Change button position
It’s possible to change each button’s position within the buttons block.

VIDEO DEMONSTRATION: https://user-images.githubusercontent.com/54422211/248194094-fbd0ceea-aaf7-4174-b1ff-5d54ce675f4c.mp4

[karks88]

/review