Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Block Library]Rename Query and QueryLoop blocks to QueryLoop and PostTemplate respectively #32283

Closed
wants to merge 3 commits into from

Conversation

ntsekouras
Copy link
Contributor

@ntsekouras ntsekouras commented May 27, 2021

Description

Part of: #30910

Let's consider changing the names from "Query" and "Loop" to "Query Loop" and "Post Template" for more clarity.

This PR rename Query and QueryLoop blocks to QueryLoop and PostTemplate respectively.

Notes

  1. These two blocks will be shipped with 5.8 for the first time and if we decide on going through with this, these changes will need to be back ported asap.
  2. By making this change it means that every block theme will need to update with the new blocks as they existing ones won't work as expected (invalid blocks).
  3. I have updated the block patterns to use QueryLoop and unregister the core Query patterns. If this lands we'll need to make the pattern changes and back port to core as well.
  4. I had created a deprecated version of Query block but this is not needed right now as the block has been renamed, so I have deleted it in this PR.
  5. Failing tests are mostly(haven't checked all them yet) about FSE tests that use a tt1-blocks version with the old block. This produces block invalidations and therefore console.error logs that make the tests fail. I'll look into this more but this must be done in coordination with the update of tt1-block theme and then update the version that GB tests are using. I have created a draft PR in theme-experiments repo here: [tt1-blocks]: Update Query block renaming theme-experiments#265

Please test carefully and if you have some time it would be great to check about any missing strings that might be used for example in css class names or such details. I think I've covered it all but lots of moving parts with renaming. Also be vigilant with the fact that the Query block has been renamed to QueryLoop so it might be a bit confusing to see the changes as QueryLoop was an existing block.

Testing instructions

  1. Insert Query block in a page/FSE and make changes in editor and view front-end as well.
  2. Everything should work just as before.
  3. Make sure the patterns work and the styles are the expected ones as before.

@ntsekouras ntsekouras added [Package] Block library /packages/block-library Backport to WP 6.7 Beta/RC Pull request that needs to be backported to the WordPress major release that's currently in beta [Block] Query Loop Affects the Query Loop Block labels May 27, 2021
@ntsekouras ntsekouras self-assigned this May 27, 2021
@github-actions
Copy link

github-actions bot commented May 27, 2021

Size Change: -870 B (0%)

Total Size: 1.03 MB

Filename Size Change
build/block-library/blocks/query-loop/editor-rtl.css 135 B +37 B (+38%) 🚨
build/block-library/blocks/query-loop/editor.css 135 B +38 B (+39%) 🚨
build/block-library/blocks/query-loop/style-rtl.css 0 B -315 B (removed) 🏆
build/block-library/blocks/query-loop/style.css 0 B -317 B (removed) 🏆
build/block-library/blocks/query/editor-rtl.css 0 B -131 B (removed) 🏆
build/block-library/blocks/query/editor.css 0 B -132 B (removed) 🏆
build/block-library/editor-rtl.css 9.98 kB +3 B (0%)
build/block-library/editor.css 9.97 kB +4 B (0%)
build/block-library/index.js 147 kB -54 B (0%)
build/block-library/style-rtl.css 10.1 kB -1 B (0%)
build/block-library/style.css 10.1 kB -2 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.12 kB 0 B
build/annotations/index.js 2.93 kB 0 B
build/api-fetch/index.js 2.42 kB 0 B
build/autop/index.js 2.28 kB 0 B
build/blob/index.js 672 B 0 B
build/block-directory/index.js 6.61 kB 0 B
build/block-directory/style-rtl.css 989 B 0 B
build/block-directory/style.css 990 B 0 B
build/block-editor/index.js 118 kB 0 B
build/block-editor/style-rtl.css 13 kB 0 B
build/block-editor/style.css 13 kB 0 B
build/block-library/blocks/archives/editor-rtl.css 61 B 0 B
build/block-library/blocks/archives/editor.css 60 B 0 B
build/block-library/blocks/archives/style-rtl.css 65 B 0 B
build/block-library/blocks/archives/style.css 65 B 0 B
build/block-library/blocks/audio/editor-rtl.css 58 B 0 B
build/block-library/blocks/audio/editor.css 58 B 0 B
build/block-library/blocks/audio/style-rtl.css 112 B 0 B
build/block-library/blocks/audio/style.css 112 B 0 B
build/block-library/blocks/block/editor-rtl.css 161 B 0 B
build/block-library/blocks/block/editor.css 161 B 0 B
build/block-library/blocks/button/editor-rtl.css 475 B 0 B
build/block-library/blocks/button/editor.css 474 B 0 B
build/block-library/blocks/button/style-rtl.css 603 B 0 B
build/block-library/blocks/button/style.css 602 B 0 B
build/block-library/blocks/buttons/editor-rtl.css 315 B 0 B
build/block-library/blocks/buttons/editor.css 315 B 0 B
build/block-library/blocks/buttons/style-rtl.css 375 B 0 B
build/block-library/blocks/buttons/style.css 375 B 0 B
build/block-library/blocks/calendar/style-rtl.css 208 B 0 B
build/block-library/blocks/calendar/style.css 208 B 0 B
build/block-library/blocks/categories/editor-rtl.css 84 B 0 B
build/block-library/blocks/categories/editor.css 83 B 0 B
build/block-library/blocks/categories/style-rtl.css 79 B 0 B
build/block-library/blocks/categories/style.css 79 B 0 B
build/block-library/blocks/code/style-rtl.css 90 B 0 B
build/block-library/blocks/code/style.css 90 B 0 B
build/block-library/blocks/columns/editor-rtl.css 190 B 0 B
build/block-library/blocks/columns/editor.css 190 B 0 B
build/block-library/blocks/columns/style-rtl.css 422 B 0 B
build/block-library/blocks/columns/style.css 422 B 0 B
build/block-library/blocks/cover/editor-rtl.css 644 B 0 B
build/block-library/blocks/cover/editor.css 646 B 0 B
build/block-library/blocks/cover/style-rtl.css 1.22 kB 0 B
build/block-library/blocks/cover/style.css 1.23 kB 0 B
build/block-library/blocks/embed/editor-rtl.css 486 B 0 B
build/block-library/blocks/embed/editor.css 486 B 0 B
build/block-library/blocks/embed/style-rtl.css 401 B 0 B
build/block-library/blocks/embed/style.css 400 B 0 B
build/block-library/blocks/file/editor-rtl.css 301 B 0 B
build/block-library/blocks/file/editor.css 300 B 0 B
build/block-library/blocks/file/frontend.js 773 B 0 B
build/block-library/blocks/file/style-rtl.css 255 B 0 B
build/block-library/blocks/file/style.css 255 B 0 B
build/block-library/blocks/freeform/editor-rtl.css 2.44 kB 0 B
build/block-library/blocks/freeform/editor.css 2.44 kB 0 B
build/block-library/blocks/gallery/editor-rtl.css 704 B 0 B
build/block-library/blocks/gallery/editor.css 705 B 0 B
build/block-library/blocks/gallery/style-rtl.css 1.06 kB 0 B
build/block-library/blocks/gallery/style.css 1.06 kB 0 B
build/block-library/blocks/group/editor-rtl.css 160 B 0 B
build/block-library/blocks/group/editor.css 160 B 0 B
build/block-library/blocks/group/style-rtl.css 57 B 0 B
build/block-library/blocks/group/style.css 57 B 0 B
build/block-library/blocks/heading/editor-rtl.css 152 B 0 B
build/block-library/blocks/heading/editor.css 152 B 0 B
build/block-library/blocks/heading/style-rtl.css 76 B 0 B
build/block-library/blocks/heading/style.css 76 B 0 B
build/block-library/blocks/home-link/style-rtl.css 259 B 0 B
build/block-library/blocks/home-link/style.css 259 B 0 B
build/block-library/blocks/html/editor-rtl.css 281 B 0 B
build/block-library/blocks/html/editor.css 281 B 0 B
build/block-library/blocks/image/editor-rtl.css 729 B 0 B
build/block-library/blocks/image/editor.css 727 B 0 B
build/block-library/blocks/image/style-rtl.css 481 B 0 B
build/block-library/blocks/image/style.css 485 B 0 B
build/block-library/blocks/latest-comments/style-rtl.css 281 B 0 B
build/block-library/blocks/latest-comments/style.css 282 B 0 B
build/block-library/blocks/latest-posts/editor-rtl.css 137 B 0 B
build/block-library/blocks/latest-posts/editor.css 137 B 0 B
build/block-library/blocks/latest-posts/style-rtl.css 529 B 0 B
build/block-library/blocks/latest-posts/style.css 529 B 0 B
build/block-library/blocks/legacy-widget/editor-rtl.css 582 B 0 B
build/block-library/blocks/legacy-widget/editor.css 583 B 0 B
build/block-library/blocks/list/style-rtl.css 63 B 0 B
build/block-library/blocks/list/style.css 63 B 0 B
build/block-library/blocks/media-text/editor-rtl.css 176 B 0 B
build/block-library/blocks/media-text/editor.css 176 B 0 B
build/block-library/blocks/media-text/style-rtl.css 492 B 0 B
build/block-library/blocks/media-text/style.css 489 B 0 B
build/block-library/blocks/more/editor-rtl.css 434 B 0 B
build/block-library/blocks/more/editor.css 434 B 0 B
build/block-library/blocks/navigation-link/editor-rtl.css 633 B 0 B
build/block-library/blocks/navigation-link/editor.css 634 B 0 B
build/block-library/blocks/navigation-link/style-rtl.css 94 B 0 B
build/block-library/blocks/navigation-link/style.css 94 B 0 B
build/block-library/blocks/navigation/editor-rtl.css 1.55 kB 0 B
build/block-library/blocks/navigation/editor.css 1.55 kB 0 B
build/block-library/blocks/navigation/frontend.js 2.86 kB 0 B
build/block-library/blocks/navigation/style-rtl.css 1.63 kB 0 B
build/block-library/blocks/navigation/style.css 1.63 kB 0 B
build/block-library/blocks/nextpage/editor-rtl.css 395 B 0 B
build/block-library/blocks/nextpage/editor.css 395 B 0 B
build/block-library/blocks/page-list/editor-rtl.css 310 B 0 B
build/block-library/blocks/page-list/editor.css 311 B 0 B
build/block-library/blocks/page-list/style-rtl.css 240 B 0 B
build/block-library/blocks/page-list/style.css 240 B 0 B
build/block-library/blocks/paragraph/editor-rtl.css 157 B 0 B
build/block-library/blocks/paragraph/editor.css 157 B 0 B
build/block-library/blocks/paragraph/style-rtl.css 247 B 0 B
build/block-library/blocks/paragraph/style.css 248 B 0 B
build/block-library/blocks/post-author/editor-rtl.css 209 B 0 B
build/block-library/blocks/post-author/editor.css 209 B 0 B
build/block-library/blocks/post-author/style-rtl.css 183 B 0 B
build/block-library/blocks/post-author/style.css 184 B 0 B
build/block-library/blocks/post-comments-form/style-rtl.css 140 B 0 B
build/block-library/blocks/post-comments-form/style.css 140 B 0 B
build/block-library/blocks/post-comments/style-rtl.css 360 B 0 B
build/block-library/blocks/post-comments/style.css 359 B 0 B
build/block-library/blocks/post-content/editor-rtl.css 139 B 0 B
build/block-library/blocks/post-content/editor.css 139 B 0 B
build/block-library/blocks/post-excerpt/editor-rtl.css 73 B 0 B
build/block-library/blocks/post-excerpt/editor.css 73 B 0 B
build/block-library/blocks/post-excerpt/style-rtl.css 69 B 0 B
build/block-library/blocks/post-excerpt/style.css 69 B 0 B
build/block-library/blocks/post-featured-image/editor-rtl.css 338 B 0 B
build/block-library/blocks/post-featured-image/editor.css 338 B 0 B
build/block-library/blocks/post-featured-image/style-rtl.css 141 B 0 B
build/block-library/blocks/post-featured-image/style.css 141 B 0 B
build/block-library/blocks/post-template/editor-rtl.css 100 B 0 B
build/block-library/blocks/post-template/editor.css 99 B 0 B
build/block-library/blocks/post-template/style-rtl.css 316 B 0 B
build/block-library/blocks/post-template/style.css 317 B 0 B
build/block-library/blocks/post-title/style-rtl.css 60 B 0 B
build/block-library/blocks/post-title/style.css 60 B 0 B
build/block-library/blocks/preformatted/style-rtl.css 103 B 0 B
build/block-library/blocks/preformatted/style.css 103 B 0 B
build/block-library/blocks/pullquote/editor-rtl.css 183 B 0 B
build/block-library/blocks/pullquote/editor.css 183 B 0 B
build/block-library/blocks/pullquote/style-rtl.css 318 B 0 B
build/block-library/blocks/pullquote/style.css 318 B 0 B
build/block-library/blocks/query-pagination-numbers/editor-rtl.css 122 B 0 B
build/block-library/blocks/query-pagination-numbers/editor.css 121 B 0 B
build/block-library/blocks/query-pagination/editor-rtl.css 270 B 0 B
build/block-library/blocks/query-pagination/editor.css 262 B 0 B
build/block-library/blocks/query-pagination/style-rtl.css 168 B 0 B
build/block-library/blocks/query-pagination/style.css 168 B 0 B
build/block-library/blocks/query-title/editor-rtl.css 86 B 0 B
build/block-library/blocks/query-title/editor.css 86 B 0 B
build/block-library/blocks/quote/style-rtl.css 169 B 0 B
build/block-library/blocks/quote/style.css 169 B 0 B
build/block-library/blocks/rss/editor-rtl.css 201 B 0 B
build/block-library/blocks/rss/editor.css 202 B 0 B
build/block-library/blocks/rss/style-rtl.css 290 B 0 B
build/block-library/blocks/rss/style.css 290 B 0 B
build/block-library/blocks/search/editor-rtl.css 211 B 0 B
build/block-library/blocks/search/editor.css 211 B 0 B
build/block-library/blocks/search/style-rtl.css 359 B 0 B
build/block-library/blocks/search/style.css 362 B 0 B
build/block-library/blocks/separator/editor-rtl.css 99 B 0 B
build/block-library/blocks/separator/editor.css 99 B 0 B
build/block-library/blocks/separator/style-rtl.css 251 B 0 B
build/block-library/blocks/separator/style.css 251 B 0 B
build/block-library/blocks/shortcode/editor-rtl.css 512 B 0 B
build/block-library/blocks/shortcode/editor.css 512 B 0 B
build/block-library/blocks/site-logo/editor-rtl.css 440 B 0 B
build/block-library/blocks/site-logo/editor.css 441 B 0 B
build/block-library/blocks/site-logo/style-rtl.css 154 B 0 B
build/block-library/blocks/site-logo/style.css 154 B 0 B
build/block-library/blocks/social-link/editor-rtl.css 164 B 0 B
build/block-library/blocks/social-link/editor.css 165 B 0 B
build/block-library/blocks/social-links/editor-rtl.css 800 B 0 B
build/block-library/blocks/social-links/editor.css 799 B 0 B
build/block-library/blocks/social-links/style-rtl.css 1.32 kB 0 B
build/block-library/blocks/social-links/style.css 1.33 kB 0 B
build/block-library/blocks/spacer/editor-rtl.css 308 B 0 B
build/block-library/blocks/spacer/editor.css 308 B 0 B
build/block-library/blocks/spacer/style-rtl.css 48 B 0 B
build/block-library/blocks/spacer/style.css 48 B 0 B
build/block-library/blocks/table/editor-rtl.css 478 B 0 B
build/block-library/blocks/table/editor.css 478 B 0 B
build/block-library/blocks/table/style-rtl.css 480 B 0 B
build/block-library/blocks/table/style.css 480 B 0 B
build/block-library/blocks/tag-cloud/editor-rtl.css 118 B 0 B
build/block-library/blocks/tag-cloud/editor.css 118 B 0 B
build/block-library/blocks/tag-cloud/style-rtl.css 94 B 0 B
build/block-library/blocks/tag-cloud/style.css 94 B 0 B
build/block-library/blocks/template-part/editor-rtl.css 551 B 0 B
build/block-library/blocks/template-part/editor.css 550 B 0 B
build/block-library/blocks/term-description/editor-rtl.css 90 B 0 B
build/block-library/blocks/term-description/editor.css 90 B 0 B
build/block-library/blocks/text-columns/editor-rtl.css 95 B 0 B
build/block-library/blocks/text-columns/editor.css 95 B 0 B
build/block-library/blocks/text-columns/style-rtl.css 166 B 0 B
build/block-library/blocks/text-columns/style.css 166 B 0 B
build/block-library/blocks/verse/style-rtl.css 87 B 0 B
build/block-library/blocks/verse/style.css 87 B 0 B
build/block-library/blocks/video/editor-rtl.css 569 B 0 B
build/block-library/blocks/video/editor.css 570 B 0 B
build/block-library/blocks/video/style-rtl.css 173 B 0 B
build/block-library/blocks/video/style.css 173 B 0 B
build/block-library/common-rtl.css 1.26 kB 0 B
build/block-library/common.css 1.26 kB 0 B
build/block-library/reset-rtl.css 506 B 0 B
build/block-library/reset.css 507 B 0 B
build/block-library/theme-rtl.css 692 B 0 B
build/block-library/theme.css 693 B 0 B
build/block-serialization-default-parser/index.js 1.3 kB 0 B
build/block-serialization-spec-parser/index.js 3.06 kB 0 B
build/blocks/index.js 47.2 kB 0 B
build/components/index.js 180 kB 0 B
build/components/style-rtl.css 16.2 kB 0 B
build/components/style.css 16.1 kB 0 B
build/compose/index.js 10 kB 0 B
build/core-data/index.js 12.1 kB 0 B
build/customize-widgets/index.js 9.96 kB 0 B
build/customize-widgets/style-rtl.css 1.45 kB 0 B
build/customize-widgets/style.css 1.44 kB 0 B
build/data-controls/index.js 828 B 0 B
build/data/index.js 7.22 kB 0 B
build/date/index.js 31.8 kB 0 B
build/deprecated/index.js 738 B 0 B
build/dom-ready/index.js 576 B 0 B
build/dom/index.js 4.62 kB 0 B
build/edit-navigation/index.js 14 kB 0 B
build/edit-navigation/style-rtl.css 3.08 kB 0 B
build/edit-navigation/style.css 3.08 kB 0 B
build/edit-post/classic-rtl.css 454 B 0 B
build/edit-post/classic.css 454 B 0 B
build/edit-post/index.js 58.5 kB 0 B
build/edit-post/style-rtl.css 6.92 kB 0 B
build/edit-post/style.css 6.91 kB 0 B
build/edit-site/index.js 25.9 kB 0 B
build/edit-site/style-rtl.css 4.75 kB 0 B
build/edit-site/style.css 4.75 kB 0 B
build/edit-widgets/index.js 15.7 kB 0 B
build/edit-widgets/style-rtl.css 3.42 kB 0 B
build/edit-widgets/style.css 3.42 kB 0 B
build/editor/index.js 38.2 kB 0 B
build/editor/style-rtl.css 3.91 kB 0 B
build/editor/style.css 3.9 kB 0 B
build/element/index.js 3.44 kB 0 B
build/escape-html/index.js 739 B 0 B
build/format-library/index.js 5.66 kB 0 B
build/format-library/style-rtl.css 637 B 0 B
build/format-library/style.css 639 B 0 B
build/hooks/index.js 1.76 kB 0 B
build/html-entities/index.js 628 B 0 B
build/i18n/index.js 3.73 kB 0 B
build/is-shallow-equal/index.js 709 B 0 B
build/keyboard-shortcuts/index.js 1.74 kB 0 B
build/keycodes/index.js 1.43 kB 0 B
build/list-reusable-blocks/index.js 2.07 kB 0 B
build/list-reusable-blocks/style-rtl.css 629 B 0 B
build/list-reusable-blocks/style.css 628 B 0 B
build/media-utils/index.js 3.08 kB 0 B
build/notices/index.js 1.07 kB 0 B
build/nux/index.js 2.31 kB 0 B
build/nux/style-rtl.css 718 B 0 B
build/nux/style.css 716 B 0 B
build/plugins/index.js 1.99 kB 0 B
build/primitives/index.js 1.03 kB 0 B
build/priority-queue/index.js 791 B 0 B
build/react-i18n/index.js 924 B 0 B
build/redux-routine/index.js 2.82 kB 0 B
build/reusable-blocks/index.js 2.56 kB 0 B
build/reusable-blocks/style-rtl.css 225 B 0 B
build/reusable-blocks/style.css 225 B 0 B
build/rich-text/index.js 10.6 kB 0 B
build/server-side-render/index.js 1.63 kB 0 B
build/shortcode/index.js 1.68 kB 0 B
build/token-list/index.js 847 B 0 B
build/url/index.js 1.95 kB 0 B
build/viewport/index.js 1.28 kB 0 B
build/warning/index.js 1.13 kB 0 B
build/widgets/index.js 1.67 kB 0 B
build/wordcount/index.js 1.24 kB 0 B

compressed-size-action

@carlomanf
Copy link

Why not just leave the code-level naming as it is, and update the user-facing naming? Most users will never see the code-level naming anyway.

@jameskoster
Copy link
Contributor

Big +1 from me on making these block names (and descriptions – that can come later I suppose) more user-friendly. A couple of thoughts on the proposals here:

I'm not convinced that adding "Loop" to the Query block name really helps all that much. I acknowledge that if you're a WordPress developer then "Loop" aids recognition of the block purpose, but does it communicate that message more clearly than "Query" on its own? For the average user, "Query" and "Loop" are equally challenging, but since this is a more technical, template-centric block that might be ok? The key here will probably be getting the description right.

We should be mindful of using the "Template" label in a block name due to the fact that templates already exist as a different (and complex) feature. Anything that muddies the waters there probably isn't super helpful. That said I'm struggling to come up with a better suggestion :D Perhaps "Post" alone might work, if we describe its template-like nature in the description? Otherwise we're kind of scrambling around for "template" synonyms.

@ntsekouras
Copy link
Contributor Author

Why not just leave the code-level naming as it is, and update the user-facing naming? Most users will never see the code-level naming anyway.

That could be a way simpler option in terms of changes, but it would be inconsistent with all the other blocks and could definitely create confusion for the users that will see the code, like theme authors.

@priethor
Copy link
Contributor

Great refactor @ntsekouras, everything seems to work as expected!

As far as the new names themselves, I'm on the same boat as @jameskoster. Moreover, I believe both blocks should have a similar name that lets users understand the inner block belongs to the parent, similarly to Columns and Column; something along the lines of QueryLoopTemplate or QueryLoopBody if we want to avoid the word Template.

If I were to suggest a different naming approach, Teasers and Teaser come to mind, as I find it's a recognizable user-friendly name for this kind of content representation. Although the Query block is so powerful it can do much more than classic teasers, there can be variations for those specific representations.

@jameskoster
Copy link
Contributor

Thinking about the UX relationship between the query block and its variations (like the Posts List – #32268) I wonder if something like this might work:

Screenshot 2021-05-28 at 12 48 42

So when you insert the Posts block on its own, it behaves as a custom query with all the associated display options and filters, and simplified structure (no pagination).

But when it is wrapped inside the Global Query block (which is only available when editing a template) then... you guessed it, it inherits the query from the URL. In this case the layout options remain and pagination can be added, but the filters are removed.

@ntsekouras
Copy link
Contributor Author

So when you insert the Posts block on its own, it behaves as a custom query with all the associated display options and filters, and simplified structure (no pagination).

@jameskoster That actually involves technical implications with innerBlocks and query context, and Query doesn't work that way. It's definitely out of scope of this PR.

@carlomanf
Copy link

Why not just leave the code-level naming as it is, and update the user-facing naming? Most users will never see the code-level naming anyway.

That could be a way simpler option in terms of changes, but it would be inconsistent with all the other blocks and could definitely create confusion for the users that will see the code, like theme authors.

Inconsistent with other blocks how? Isn't the whole idea of block variations to show a different name to the user from what's in the code? If there are going to be multiple variations with different names, then at least one will have to be mismatched with the code. Given that's unavoidable, you might as well avoid inflicting a breaking change after a months-long "outreach program" that has encouraged users to add this block to their sites. (I can't believe this actually has to be explained.)

@jameskoster
Copy link
Contributor

I'm basically describing the Posts variation of the Query block which we have an issue for here: #32268.

In terms of this PR, it would still just be a case of updating the names (and probably the icons). This feels like a good step in isolation, but it's really just one small part of a bigger puzzle. I'm trying think a little more holistically about the UX we want to create in #30910, and aim for that while working on these smaller pieces.

I totally appreciate the the underlying technicals that will connect all these things would need to happen separately.

@ntsekouras
Copy link
Contributor Author

Inconsistent with other blocks how? Isn't the whole idea of block variations to show a different name to the user from what's in the code? If there are going to be multiple variations with different names, then at least one will have to be mismatched with the code. Given that's unavoidable, you might as well avoid inflicting a breaking change after a months-long "outreach program" that has encouraged users to add this block to their sites. (I can't believe this actually has to be explained.)

As you can see this renaming is under discussion and not finalized. There might be no renaming at all depending on the feedback. This PR handles the 'bigger' approach and if go with the renaming and we end up changing just the labels, it will need a new PR with just a couple of code lines to change.

@jameskoster jameskoster mentioned this pull request Jun 1, 2021
11 tasks
@mtias
Copy link
Member

mtias commented Jun 4, 2021

If we were doing a block name change we would likely add a case for handling the name, like we have done with other block renames without breaking anything.

That said, I think wp:query with a title "Query Loop" is fine. The inner template is the one that we should probably rename entirely with a fallback.

@ntsekouras
Copy link
Contributor Author

That said, I think wp:query with a title "Query Loop" is fine. The inner template is the one that we should probably rename entirely with a fallback.

I can make these changes to move this forward. So the final question is if we rename QueryLoop to PostTemplate as in this PR or something different.

@jameskoster
Copy link
Contributor

I still think something simple like "Posts" can potentially work for both the Query Loop and a Query variation for displaying posts.

If I insert a "Posts" block I see all the options to create my custom query like so:

Posts variation

But if I put a "Posts" block inside a Query block in the template editor then the options from before aren't available – they are inherited from the Query instead:

Template

In terms of UX, the result is the perception of a single block for displaying posts regardless of context (post editing or template editor). The posts can be specific, or inherited from the global query. This is of course based on the notion that the Query block itself is restricted to the template editor.

To reiterate, these are different blocks that use the same name and description. So I acknowledge we'd need to figure out things like how/when they appear in the inserter to avoid duplication. That seems relatively straight-forward though... the query loop should not appear in the Inserter unless the cursor is inside a Query. Likewise if the cursor is inside a Query then the posts variation shouldn't appear. Hopefully the developer experience would be ok as well... I can't imagine theme developers making the mistake of inserting a posts variation of the query block inside another query block...


Perhaps this is too far out, I don't know :) But it seems important to consider not only the names of these blocks in isolation, but other parts of the UX, such as exactly where the Query block will be surfaced, the names of Query variations, and so on.

@ntsekouras
Copy link
Contributor Author

Perhaps this is too far out, I don't know :) But it seems important to consider not only the names of these blocks in isolation, but other parts of the UX, such as exactly where the Query block will be surfaced, the names of Query variations, and so on.

I think this PR can be limited to the base/generic names for the blocks. The block variation proposal for handling things differently through Query needs to be explored but not block this PR, since it affects many more stuff like context detection, block patterns, different sensible defaults for inherit between editors (site and post editor), etc..

So we should take into account that we could have a possible handling through variations but we need to decide on the best name for QueryLoop as a default, independently of inherit query related controls and functionality.

@jameskoster
Copy link
Contributor

In that case "Post Template" seems like a fair solution, at least as an interim. It's certainly an enhancement on "Query Loop" :)

I still have some reservations about using the term "Template" but don't really have any alternative suggestions.

We should probably update the description of this block as well, perhaps something like:

Blocks inside the Post Template determine the layout of each post returned by the Query.

The Query block itself could do with a better description too, but that is a little tricker as it currently has to account for multiple contexts (inheriting from URL or not). Perhaps that can wait until we know for sure whether it will actually be surfaced in the post editor or not.

@ntsekouras
Copy link
Contributor Author

I'm closing this in favor of #32514. It was much simpler to create a new PR than reverting so many renamings here that included Query to QueryLoop.

Please continue the discussions in the new PR.

@ntsekouras ntsekouras closed this Jun 8, 2021
@ntsekouras ntsekouras removed the Backport to WP 6.7 Beta/RC Pull request that needs to be backported to the WordPress major release that's currently in beta label Jun 8, 2021
@youknowriad youknowriad deleted the rename/query-and-loop branch June 8, 2021 12:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Query Loop Affects the Query Loop Block [Package] Block library /packages/block-library
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants