[HelpHub] Gallery block

[femkreations]

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

Update for 6.3

• Allow dragging-and-dropping images from the inserter to image blocks. 49673
• Replace "Image size" with "Resolution" in image size controls. 49112
• Update Gallery block to use consistent 40px components. 49101
• Add help text to Gallery Image Size control 49074
• [Inserter - Media tab]: Upload Openverse images when inserted 48501
• add block controls on the inspector 49838

Update for 6.2

• Add toolbar button to add a caption. 47325

Updating for 6.1

• Add padding and margin support to the gallery block. 43965
• Display upload error notices using snackbars. 43946
• Add background color block supports. 43294
• Opt-in to axial (column/row) block spacing controls 41175
• Include image caption when converting a classic block gallery. 40872
• Remove redundant block name from "settings" panels 40275

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.

[alianschiavoncini]

The Add option has been removed in Toolbar.
New screenshot:

The "Add images" paragraph can be removed.

[Thelmachido]

@femkreations can you please assign this to me, I am working on it.

[Thelmachido]

Hi @femkreations I believe I have gone throught the list of to-do can you please review?

[mrfoxtalbot]

I have moved this issue to the "Needs Review" column. Please keep in mind to include this step in your process @Thelmachido.
Thank you!

[mrfoxtalbot]

I have reviewed the article myself and adjusted a few things, @Thelmachido:

• Added several missing alt texts
• Replaced a screenshot the "Cog" icon with the "Sidebar" one and updated the wording.
• Converted "bold" paragraphs to H4s to give the article a more semantic structure and to provide a better table of contents. Unless there is some reasons I am unaware of (@femkreations?) , I would strongly encourage everyone to use actual headings as much as possible.

We can do a second review if needed, and mark this one as solved.

[anandau]

I am interested in working on this. Please assign me.

[anandau]

Hi @zzap
I couldn't manage to look into this task and will be away from work for the next couple of weeks. You can unassign me from this task for now.

[zzap]

Done 👍

[julia0096]

/assign

[github-actions]

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

[julia0096]

I found couple of differences in the new version, screenshots below with explanations:

Adding the Gallery block via + icon looks a bit different.

Block Toolbar doesn't have Captions or Add -icons anymore. The Upload / Media Library -buttons have been added below the Toolbar (or at least they don't show in the previous screenshots anywhere).

A screenshot of only the Upload / Media Library section in case it's addition need a separate section to the article.

A screenshot of only the Toolbar.

When you have uploaded some images, the Toolbar expands. Now the Captions icon is there again, with some completely new buttons, from left to right: Apply duotone filter (the black and white triangle), Align, Captions, Insert link, Crop, Replace.

Transform to -menus items are in different order.

[attekosonen]

The styles tab formatting has changed and multiple block settings have been moved from settings tab under styles tab:

[attekosonen]

Advanced settings tab has also changed and now includes "title attribute" and "additional css classes"

[attekosonen]

Under "Border" section there seems to be a spelling error:

"The Galley block provides border settings options to add border color, width, and radius."

Should be:

"The Gallery block provides border settings options to add border color, width, and radius."

[julia0096]

Block Settings: Preview -button has been changed to an icon.

Colums-settings have a "Image Size" option now.

Border settings have a separate color option now.

[zzap]

@docs-reviewers, this is ready for /review

[github-actions]

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

[Leonardus-Nugraha]

Content updated for 6.3. Closing this issue and moving further updates and discussion for 6.4 updates on this issue
Thank you for all your contributions!