[HelpHub][6.4][screenshots]: Query Loop Block

[zzap]

Article: https://wordpress.org/documentation/article/query-loop-block/

Task

Make sure all screenshots are relevant to the latest version.

Directions

• Compare existing screenshots (on the article link) to the actual interface in the latest WordPress version.
• Ensure you have the appropriate WordPress version and that new screenshots cover the same page area as the existing one.
• If something is different, make a new screenshot.
• Upload new screenshots to the comment on this issue.
• Request review by stating in the comment that the issue is ready for review.

Resources

1. You can set WordPress install in one click by visiting https://playground.wordpress.net/ use InstaWP sandbox https://app.instawp.io/onboard
2. Read about updating screenshots - Updating screenshots
3. Watch the video on creating screenshots for the latest WordPress versions - Updating screenshots

Automation

• If you want, you can assign yourself to the issue and change the label for review by posting specific keywords in a comment. Read about our repo's automatisation here.

Thank you for contributing, have a cookie :cookie:

[github-actions[bot]]

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

[peeranat-dan]

/assign

[github-actions[bot]]

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

[peeranat-dan]

How to choose a pattern

First Screenshot

[peeranat-dan]

Block Toolbar

• The toolbar images

The Query Loop block shows seven buttons in the block toolbar:

• Transform to
• Drag icon
• Move arrows
• Align
• Display settings
• Replace
• More options

Transform into

Drag Icon

Move arrows

Align

Display Settings

Parts to be removed

This part is not valid anymore since the list and grid view in the toolbar has been removed. It's moved to Post Templates.

[peeranat-dan]

Color

[peeranat-dan]

Inner blocks use content width

[peeranat-dan]

@Leonardus-Nugraha Ready for review

[peeranat-dan]

Additional Suggestions

Options

This should be titled as More options and indent level should be the same as other items in block toolbar. (This should be h3 instead of h2)

---

Inner blocks use content width

This option allows you to configure justification, content, and ~wide~ width settings for all nested blocks within the Query Loop block.

---

Advanced Settings

This should be titled as Advanced since the screenshot is written as "Advanced" not "Advance Settings" and should be h3 instead of h2 since it's inside the block settings.

---

Block Settings

Should be Block settings.

---