annezazu 7:41 pm on September 29, 2021
Tags: fse-outreach-program ( 49 ), fse-testing-call ( 12 ), full-site-editing ( 33 )

FSE Program Testing Call #10: Pattern Party

This is the tenth call for testing as part of the Full Site Editing Outreach Program! For more information about this outreach program, please review this FAQ for helpful details. To properly join the fun, please head to #fse-outreach-experiment in Make Slack for future testing announcements, helpful posts, and more.

As a reminder, if you’d like to suggest an idea for a call for testing, it’s very welcomed and all ideas will be weighed against current project priorities to figure out what makes the most sense to pursue. You can share ideas directly in the slackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel or via DM to me (@annezazu).

Feature Overview

Because Full Site Editing is a collection of features that allows more items to be easily edited without knowing code, new blocks needed to be created to cover more parts of your site. These blocks are generally called “Theme Blocks” as they match functionality that used to only live in themes. While a number of theme blocks were introduced in WordPress 5.8, there’s always more work to be done, including shipping even more theme blocks in future releases!

This test is focused on pushing these lovely Theme Blocks to their limits to better determine what to prioritize and what features might remain to be documented. To make the experience feel a bit more fun and practical, we’re going to approach this test from the vantage point of creating patterns for blogs using some of these blocks. If you really like what you make, remember you could even register them on your site 🙂

As a refresher, here’s a rundown of all of the theme blocks ready for testing with a note around which ones are included in WordPress 5.8 in case you’re inspired to use them on your site now:

Site Logo: allows you to display and edit the site logo [shipped in 5.8].
Site Tagline: allows you to display and edit your Site Tagline [shipped in 5.8].
Site Title: allows you to display and edit your Site Title [shipped in 5.8].
Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop.: allows you to display posts and pages in various formats [shipped in 5.8].
Post Title: displays the Post Title [shipped in 5.8].
Post Content: displays the contents of your post [shipped in 5.8].
Post Date: displays the post date [shipped in 5.8].
Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox.: displays the post excerpt [shipped in 5.8].
Post Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.: allows you to display and edit the featured image of your post [shipped in 5.8].
Post Categories: displays the categories of a post [shipped in 5.8].
Post Tags: displays the tags for a post [shipped in 5.8].
Login/out: displays login and out links [shipped in 5.8].
Page List: displays a list of all pages on your site [shipped in 5.8].
Template Part: allows you to display and edit various global regions of your site (headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes., footer, etc).
Post Comment: displays an individual comment.
Post Comment Author: displays author for a comment.
Post Comment Content: displays content of a comment.
Post Comment Date: displays comment date.
Post Comments: displays all comments.
Post Comments Count: displays comment count.
Post Comments Form: displays comment form.
Archive Title: Displays archive title.
Term Description: Displays the description of categories, tags and custom taxonomies when viewing an archive.

Testing Environment

While there’s more information below to ensure you get everything set up properly, here are the key aspects to have in place with your testing environment:

Use a test site. Do not use a production/live site. You can follow these instructions to set up a local installLocal Install A local install of WordPress is a way to create a staging environment by installing a LAMP or LEMP stack on your local computer. or use a tool like this to set up a development site.
Use the latest version of WordPress (downloadable here).
Use the latest version of the TT1 Blocks Theme.
Use the latest version of GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ (11.6 as of writing this).
Download and import this demo Gutenberg content (open the link and select “Download”) via the WordPress importer under Tools > Import. You can also follow this lesson for how to use demo content.

Generally speaking, please use the latest versions of each part of the setup and keep in mind that versions might have changed since this post was shared.

Testing steps

Setup Instructions:

Have a test site using the latest version of WordPress. It’s important this is not a production/live site.
Install and activate the Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party from Plugins > Add New. If you already have it installed, make sure you are using at least Gutenberg 11.6.
Install the TT1 Blocks theme by going to Appearances > Themes > Add New. Once installed, activate the theme.
Create at least eight posts with two different categories and featured images of your choosing. Alternatively, you can download and import the demo Gutenberg content created especially for this test (open the link and select “Download”) via the WordPress importer under Tools > Import. You can also follow this lesson for how to use demo content.
Go to the website’s admin.
You should now see a navigation item titled “Site Editor (betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.).” If you don’t see that in your sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme., you aren’t correctly using the Site Editing experiment.

General Instructions:

Head to Pages > Add New and create a new page. Title it whatever you’d like!
Add the Query Loop blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and select whatever pattern you want to build upon. You can also add in a container block, like a Columns or Group block, and add in the Query Loop as you’d like.
From there, make the pattern your own using as many Theme blocks listed above as you can and customizing the various settings. For example, you could create a comment heavy pattern utilizing the various comment blocks or have a particularly image focused one thanks to new improvements to the Featured Image block. Try to be as unique as possible and don’t be constrained by adding the blocks only within the Query Loop.

If you’re up for the challenge and want to take this test further, try to create your own pattern from scratch, make multiple patterns, or recreate some with your own twist from Theme designers at Automattic shown below:

What to notice:

Remember to share a screenshot of what you created if you’re up for it!

Did the experience crash at any point?
Did the saving experience work properly?
Did you find any features missing while creating your custom blog pattern?
What did you find particularly confusing or frustrating about the experience?
What did you especially enjoy or appreciate about the experience?
What would have made this experience easier?
Did you find that what you created in the editor matched what you saw on your site?
Did it work using Keyboard only?
Did it work using a screen reader?

Leave Feedback by October 13th, 2021

Please leave feedback in the comments of this post. If you’d prefer, you’re always welcome to create issues in this GitHub repo directly for Gutenberg. If you leave feedback in GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/, please do still comment below with the link. If you see that someone else has already reported a problem, please still note your experience with it below, as it’ll help give those working on this experience more well-rounded insight into what to improve.

Thank you to @priethor @sparklingrobots and @welcher for reviewing this post and giving me the confidence to ship it.

#fse-outreach-program, #fse-testing-call, #full-site-editing

Paal Joachim Romdahl 6:21 pm on October 5, 2021

General Instructions:
8- Adding the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience..
–> I am looking forward to additional designs.

This is fun! I clicked inside the Query Loop and hunted for additional blocks that would be natural to add to it. I clicked the top left blue inserter and scrolled to find suitable blocks. These were in the Theme section.
–> A rant Rant end <—

I viewed the page and could only see the one post. I expected to see all the posts. But it looks like I have to add categories to the Categories field in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. settings in the Filters panel in the Query Loop. I had to open a new tab and go to Posts -> Categories and check out the names of the categories. It would be very useful with the multi select so that we can easily choose various categories from a drop down: https://github.com/WordPress/gutenberg/issues/30706
Currently the Categories use the same feature as tags have. One begins to write the name of the categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. and it shows up in a kind of drop down.
—> Here one could atleast show a list similar to the regular post category list.
I added the various categories and again viewed the frontend. Again I saw the one post. I assume I have to click something in the sidebar settings to be able to see more than the one post. As a select how many posts to view on the same page.
Ahh the default is “Items per Page: 1”. Which can be seen when the Query Loop is selected and one clicks an icon in the toolbar.
—> Here a default could perhaps start out with 6 or 8. Atleast more than 1.
Ahh now I understand why it starts with 1, because suddenly many more posts will show up in the backend. These look smaller than the initial post. The backend 1 post is bigger than the rest. The frontend shows all the same size.

Additional exploration.
Site Logo – has a Rounded style but no border radius control. It would be helpful to add the various new controls also to the Site Logo block. Dimensions panel etc.

FSE – HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.. How would I go about controlling the height of the Header?

FSE – Previewing the page on the frontend is still missing.
https://github.com/WordPress/gutenberg/issues/29398

I added two column layout with focus on different categories. Doing a full width it nudged along the edge of the browser. I clicked the Columns block to see if I could add some margin or padding but there was no option to do so. It would be helpful to add a little padding on the left and right edges to give some air between the content and the edge.

That was it for now. I wanted to post this before tomorrows Pattern Party Stream: https://wordpress.slack.com/archives/C015GUFFC00/p1633443963201000
- annezazu 5:29 pm on October 6, 2021
  @paaljoachim! Always love seeing your username pop up. Thanks for participating for (according to my limited records) the 9th time in these calls for testing.
  
  This is fun! I clicked inside the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. and hunted for additional blocks that would be natural to add to it. I clicked the top left blue inserter and scrolled to find suitable blocks. These were in the Theme section.
  
  Glad this proved to be fun 😀
  
  I viewed the page and could only see the one post. I expected to see all the posts. But
  
  Ah ha. This matches a previous issue that I’ll comment on to include your feedback! I agree that the patterns need to be updated to show more than one to really demonstrate the power of the query loop: https://github.com/WordPress/gutenberg/issues/32638
  
  I had to open a new tab and go to Posts -> Categories and check out the names of the categories. It would be very useful with the multi select so that we can easily choose various categories from a drop down:
  
  Couldn’t agree more. This feels like a potentially easy UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. win for 5.9: https://github.com/WordPress/gutenberg/issues/31112 I’ll see what I can do to flag but we’re running short on time.
  
  Site Logo – has a Rounded style but no border radius control. It would be helpful to add the various new controls also to the Site Logo blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.. Dimensions panel etc.
  
  Agreed. I know the current improvements are being tracked here: https://github.com/WordPress/gutenberg/issues/30406 For now, I also know some decisions need to be made around what default settings are shown for blocks (including things like dimension controls, etc). I’ll note this for now in the feedback summary but won’t create an issue just yet.
  
  How would I go about controlling the height of the HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.?
  
  Hmmm the height of the header will be dependent on what’s in it. Can you say more about what you’re trying to do here? I’m assuming you’re talking about the Header template part.
  
  It would be helpful to add a little padding on the left and right edges to give some air between the content and the edge.
  
  Big yes to this! There are a few issues this touches on including the following:
  - An overall one for more Columns controls: https://github.com/WordPress/gutenberg/issues/24874
  - An overview issue around adding dimension controls to blocks: https://github.com/WordPress/gutenberg/issues/28356
  Currently, there is work to expand what’s available for columns including the following PR recently merged in the last month: https://github.com/WordPress/gutenberg/pull/34630 I expect to see more of these going forward!
Erica Varlese 7:34 pm on October 5, 2021
This is my first time doing one of these, so I apologize if my comments aren’t quite what you’re looking for!

I had the same experience with two things that @paaljoachim mentioned:
- I was also initially surprised by 1 item per page as the default, and it took me a moment to find the settings again to change it.
- When I select Full Width on a layout using featured images, only the image in the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. that I selected appeared full width. On the front end, however, it showed all images as full width – so it was a bit unexpected based on what appeared in the editor.
For the Query Block specifically, I’m not sure if this is expected, but I didn’t find a way to get back to the initial layout options if I wanted to change. In other words, I selected my layout but wanted to change it afterwards and couldn’t really find a smooth way to do that unless I deleted the block and added it again so the selection screen appeared.
- annezazu 6:08 pm on October 6, 2021
  
  This is exactly the kind of feedback I want to see, @evarlese! Thanks so much for leaping in for the first time and sharing your experience.
  
  I was also initially surprised by 1 item per page as the default, and it took me a moment to find the settings again to change it.
  
  I mentioned this above too but I agree that the patterns need to be updated to show more than one post to really demonstrate the power of the query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.. Otherwise, it’s a pretty confusing (and potentially underwhelming) experience. Your feedback was noted alongside Paal’s here: https://github.com/WordPress/gutenberg/issues/32638
  
  When I select Full Width on a layout using featured images, only the image in the block that I selected appeared full width.
  
  This is very strange! Do you happen to have screenshots that you can pass along or any replication steps I can follow? I tried to replicate with different patterns embedded within the Query Loop block but couldn’t manage to do so.
  
  In other words, I selected my layout but wanted to change it afterwards and couldn’t really find a smooth way to do that unless I deleted the block and added it again so the selection screen appeared.
  
  This matches prior feedback and still seems to be a pain pointPain point Pain points are “places where you know from research or analytics that users are currently getting hung up and have to ask questions, or are likely to abandon the site or app.” — Design for Real Life to address as the preview likely isn’t enough for folks to truly choose what they want until it’s on the page. For now, I included what you shared on the prior issue so folks are aware this continues to be an issue: https://github.com/WordPress/gutenberg/issues/30925
  - Erica Varlese 6:58 pm on October 6, 2021
    Thank you! I’m so glad to hear that 😀
    
    Do you happen to have screenshots that you can pass along or any replication steps I can follow? I
    
    I do! To replicate, I:
    
    Added the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and selected a template that includes featured images from my posts.
    
    From the Query Loop block settings, selected Full Width. From here, the Post Template that’s active/selected shows a full width image, but the others don’t until I switch between blocks.
    
    I also have a video here showing what I saw, since I figure that’ll be a bit more helpful for visualizing! I’m not sure if that would be a common experience, but I was a tad surprised when I saw the front end after I’d updated the page with those changes.
    - annezazu 11:51 pm on October 11, 2021
      
      Huzzah! Your video is absolutely perfect. Thank you. I dug around and this was documented already:
      
      https://github.com/WordPress/gutenberg/issues/33248
      
      I’m adding your experience in for good measure so folks know this bug continues on in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ today.
Oksana 9:24 am on October 8, 2021
Feature request:
1. Go to Site Editor
2. Open template editor for individual pages
3. Make some changes to page template (ex. change Title heading level and Title alignment)
4. Save changes
5. Create a new page
Actual result: No visual changes on the Page editing screen for the title. Heading level and Title alignment are applied only on frontend.

Maybe, it would be clear for a user if he could see all changes on the page editor screen.
- annezazu 12:03 am on October 12, 2021
  
  @oksankaa! Thanks for chiming in to share some thoughts. It sounds like what you want is the ability to better view the template while editing the post. Is that right? If so that matches this exploration around solving for exactly that use case: https://github.com/WordPress/gutenberg/issues/27847
Nynke de Blaauw 9:56 am on October 8, 2021

First time FSE tester here, I hope this feedback is helpful:

When selecting ‘Display settings’ one can set the number of items per page. But actually you pick the number of items in the column if you choose a layout with multiple columns. May be easier to understand if ‘items per page’ would be renamed to ‘items per column’ or something similar.
- annezazu 12:11 am on October 12, 2021
  
  @nynkedeblaauw very helpful! Thank you for diving in for the very first time and sharing a great insight. I’ve added your feedback to this issue that’s currently open around the general language of the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.:
  
  https://github.com/WordPress/gutenberg/issues/31158#issuecomment-940532204
- Nik Tsekouras 1:27 pm on October 12, 2021
  
  Hey – I don’t believe this is the case for Query Loop. Do you by any chance use/refer to Offset Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. pattern that has two Query Loop blocks inside a Columns blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.?
Suwash Kunwar 11:52 am on October 8, 2021

Testing FSE on the contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. and just playing around with blocks like a layman testing.

Issue:
It makes sense that ‘Post Categories’ and ‘Post Tags’ blocks can only work within the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and when editing a Post and each would display categories and tags associated with that post.

However, when someone tries to insert those blocks on the Page outside the Query loop block would just drop the spinning icon. Probably, because as we know Page has no categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. and outside the Query Loop, it can’t query the category. ‘Categories’ block would however work.

Screenshot: https://prnt.sc/1vaj2fw

Do we have something documented about this somewhere? or at least improvise block editor experience with notices or messages on the interface? Just a thought. 🙂
- annezazu 12:24 am on October 12, 2021
  
  Thanks for testing and sharing your feedback, @suascat_wp! Always dig seeing new faces. As for your great piece of feedback, I shared it on an currently open issue related to the same topic and included a quick video I did to help demonstrate the issue:
  
  https://github.com/WordPress/gutenberg/issues/35162#issuecomment-940554723
Michael Tina 12:40 pm on October 8, 2021

This is my second time doing a bit of user testing for FSE for Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/.. It’s been fun testing out the ‘query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop.’ blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. in FSE. No crashes or bugs. The saving worked properly. I didn’t test it using a screen-reader or using the keyboard only.

Here are my observations/suggestions:

Query Loop – the anchor link of ‘create a new post’ leads to creating a new post or page (depending on the post type chosen in the settings), but I felt like it would break interaction with full site editing since it leads you to create a totally new post or page using the block editor.

Query Loop – for the filters, I was able to utilize categories, tags, and author, but using the ‘Keyword’ filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. was a bit unclear. I’m assuming it searches based on the post/page title and content.

Post Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. – regarding duotone filters, the first 2 options (dark grayscale & grayscale) might be useful for a Noir/B&W themed site, but I must say I was surprised with the color options of the other filters ((purple & yellow, blue & red, etc.), as they seem a bit too polarizing, so not sure if they’d actually get any use. Maybe other filters could be used? (warm, cold, vibrant, etc.)

Post Title – when selecting the text color and link color, the color that would actually show would depend on the link settings if you were to ‘make title a link’ or not, which I found to be a bit confusing.

Post Author – it seems to only use the ‘display name publicly as’ output in the user profile. It would be nice if we were able to select first name, last name, or nickname, as other options.

Post Date – There doesn’t seem to be a mm/dd/yyyy (e.g. 04/27/2021) format.

Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox. – there’s a section to ‘add “read more” link text‘ (which I’m not sure what it means?) that if you click on, it doesn’t show the blinking “|” which signifies that you can add text to it (although it does work and you can add text). If you click directly right after it, it’ll then show the blinking “|” and that acts as more of a sign that you can modify and add text. It might be a bit confusing for some users from a visual cue standpoint. I’ve attached a video that might help explain it a bit better.
- annezazu 12:43 am on October 12, 2021
  
  Thanks for sharing your thoughts for a second time, @mikes41720, and for doing so in a way that made it so easy to follow up! I’ll make sure you get a badge when I do my next sweep for testing contributors.
  
  Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. – the anchor link of ‘create a new post’ leads to creating a new post or page (depending on the post type chosen in the settings), but I felt like it would break interaction with full site editing since it leads you to create a totally new post or page using the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. editor.
  
  I’m going to note this in the summary post but won’t open an issue just yet as I do think it’s helpful for folks to know how posts get added to the query loop.
  
  Query Loop – for the filters, I was able to utilize categories, tags, and author, but using the ‘Keyword’ filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. was a bit unclear. I’m assuming it searches based on the post/page title and content.
  
  Ah yes! I can see why that’s confusing. As for the filter, that’s correct (searching post/page title and content).
  
  Maybe other filters could be used? (warm, cold, vibrant, etc.)
  
  This is actually something themes can customize with theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. so expect to see more variation there in line with block themes in the future outside of just the default.
  
  when selecting the text color and link color, the color that would actually show would depend on the link settings if you were to ‘make title a link’ or not, which I found to be a bit confusing.
  
  Very much agreed. This regularly trips me up too 😀 I added your feedback to this prior issue to make sure it’s captured: https://github.com/WordPress/gutenberg/issues/31255#issuecomment-940559556
  
  It would be nice if we were able to select first name, last name, or nickname, as other options.
  
  YES! I’d love to see more robust options here too. This was already noted by a colleague of yours thankfully: https://github.com/WordPress/gutenberg/issues/24952#issuecomment-835041696
  
  There doesn’t seem to be a mm/dd/yyyy (e.g. 04/27/2021) format.
  
  This has been noted in this prior issue too: https://github.com/WordPress/gutenberg/issues/24957 It would be excellent to have more styling options here too.
  
  If you click directly right after it, it’ll then show the blinking “|” and that acts as more of a sign that you can modify and add text. It might be a bit confusing for some users from a visual cue standpoint.
  
  Great call out. I added your feedback to an issue that discusses adding a clearer way to style this aspect of the Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox. block more clearly as I believe in doing so, it’ll address the concern you raise too 🙂
  
  https://github.com/WordPress/gutenberg/issues/33288#issuecomment-940563266
Yvonne Palanca 12:47 pm on October 8, 2021

Testing: FSE on Contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/..

Using Site Editor, at first adding Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. will automatically add 1 post only and it’s difficult to find where to change the settings to add more posts.

I’m having a hard time adding the columns within the Query Loop block unless have to do it via the help of list view. Also, noticed that using columns within the Query loop block and using the default fonts, there are wide spaces between the next lines attach screenshot https://paste.pics/74794a9de2ac30e578da10a68979d5ce.
- annezazu 12:48 am on October 12, 2021
  
  Thank you for taking the time to test @iamyvonne! I love to see it.
  
  Using Site Editor, at first adding Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. will automatically add 1 post only and it’s difficult to find where to change the settings to add more posts.
  
  I completely agree. This has been mentioned previously and I updated my comment for this test to include your feedback too: https://github.com/WordPress/gutenberg/issues/32638#issuecomment-936703221
  
  I’m having a hard time adding the columns within the Query Loop block unless have to do it via the help of list view. Also, noticed that using columns within the Query loop block and using the default fonts, there are wide spaces between the next lines attach screenshot https://paste.pics/74794a9de2ac30e578da10a68979d5ce.
  
  For now, I’m not going to open an issue related to the above as it’s not so much a specific issue to address. I will include it in the recap post as it’s great feedback around the pain points of the current experience. For now, what you’re describing is related to difficulty in managing child blocks (lots of open issue there) and wanting more control over spacing. The good news is that in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 10.7 released this week there will be more options for controlling spacing with the Columns block with this PR
Adetola Adeniran 12:55 pm on October 8, 2021

First-time FSE tester, love the feeling.

I can see that the Post featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. in the loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. has a block setting to toggle on the link to post, which allows the Image to have the post link.
Screenshot: https://snipboard.io/RMsNWc.jpg

Feature request:
Can we have a similar feature that allows the post title to appear on the Featured Image?
This would be great for post gallery tiles.
- annezazu 12:55 am on October 12, 2021
  
  @adetolah thanks so much for testing! I’m so glad to hear you had a fun time with it too 🙂 As for your featured request, this is very much on the minds of those working on future features as there’s an open issue addressing exactly what you have in mind here: https://github.com/WordPress/gutenberg/issues/24660
Jose Varghese 1:09 pm on October 8, 2021

Second-time user testing as part of the Contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/..

I noticed that if we create 4 Columns and try to add the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. to any columns, the Query Loop settings like Grid View, Display Settings seem to be broken or not accessible easily.
Reference: https://snipboard.io/EIySMY.jpg
- annezazu 1:02 am on October 12, 2021
  
  Thanks for participating for the second time, @josevarghese! I’ll make sure you get a badge when I do my next sweep this month.
  
  Great find for this bug. I opened it here to make sure we can improve this going forward: https://github.com/WordPress/gutenberg/issues/35531
overclokk 3:18 pm on October 12, 2021

A little feedback for query pattern (just tried to make my own):

If I add style for coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./post-title in theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. this will also be inherited by the core/post-title inside the query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. and I can’t add core/post-title as an element of core/query because elements accept only link and headings. This apply also for all other inner components as well.

I know I can create my CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. but I want to know what will be a limit for theme.json.
- overclokk 4:02 pm on October 12, 2021
  
  Also adding the query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. from the pattern inserter in the left sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. is much more easier than adding the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. first and selecting a pattern.
  - annezazu 7:40 pm on October 15, 2021
    
    @overclokk thanks so much as always for testing and contributing. As for your first point, can you take a look at this issue and see if it matches what you’re describing? https://github.com/WordPress/gutenberg/issues/34196 Might be neat to chime in there if so. Otherwise, I’ll note this in the write up!
    
    Also adding the query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. from the pattern inserter in the left sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. is much more easier than adding the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. first and selecting a pattern.
    
    Can you share a bit more about what made this experience feel easier? Thank you!
    - overclokk 8:04 am on October 16, 2021
      
      @annezazu that issue is not what I mean (but it is interesting and I will add my thought on that), I was playing with the theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. and added under the styles section on the file a font size for core/post-title for the page, that syle is applyed at the root level so every nested core/post-title will inherit this stile and it’s ok abviously, it’s a css behavior, this is something to pay attention because now with blocks we must take into account much more kind of indentation of blocks than before where we had well-defined structures. This is not an issue itself because it can be solved by defining a css for core/post-title that is nested inside the core/query.
      
      Can you share a bit more about what made this experience feel easier? Thank you!
      
      I add in the post editor a query, in the query UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. there are 2 arrows, left and right to choose a pattern, so if I want to add a pattern I have to scroll all patterns that the query has, let’s say that the query in future will have 20 patterns, so clicking n° times to search the pattern I want it’s not so fast, click, click, click, click, click, and so on.
      Instead if I open the left sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. from the inserter button up/left I can choose directly a pattern for query from an exploded list of predefined patterns and it will be inserted also without having the query in place.
      
      If is not clear I can record a video for you about the last thought.
      - annezazu 7:03 pm on October 20, 2021
        
        I was playing with the theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. and added under the styles section on the file a font size for coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./post-title for the page, that syle is applyed at the root level so every nested core/post-title will inherit this stile and it’s ok abviously, it’s a css behavior, this is something to pay attention because now with blocks we must take into account much more kind of indentation of blocks than before where we had well-defined structures.
        
        Understood. This makes sense and I’ll note this as a usability issue in the summary!
        
        Instead if I open the left sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. from the inserter button up/left I can choose directly a pattern for query from an exploded list of predefined patterns and it will be inserted also without having the query in place.
        
        Ah I understand now! Have you tried using the Grid View option where you can see them all at once? Here’s a screenshot: https://cloudup.com/c408n5J5fSJ
    - overclokk 1:44 pm on October 16, 2021
      
      I want to also add this about pattern, it could be useful to have a button “clear all” for clearing all non default settings on the blocks in the pattern, let say that we import a pattern from the pattern directory or from another theme with different color and style, so as soon I pasted it in the editor I could remove all the style at once for all inners blocks with just one click, so if the pattern is complex I have not to go to one by one blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and clear everithing and apply my style.
      - Piermario Orecchioni 2:16 pm on October 16, 2021
        
        a “clear all” or “reset styling” button is a pretty cool idea! 🌟
      - annezazu 7:08 pm on October 20, 2021
        
        Fascinating idea. In the long run, I think the hope is that patterns can take on the styling of the theme itself as long as there’s some level of standardization. There’s a longer issue here on the topic! https://github.com/WordPress/gutenberg/issues/29568
Ankur Chauhan 10:06 am on October 13, 2021

Hello There,
I tested this on localhost and DigitalOcean server.
Below are the configurations I used.
Localhost:
PHP8.0, MySQLMySQL MySQL is a relational database management system. A database is a structured collection of data where content, configuration and other options are stored. https://www.mysql.com/.-8.0.16, nginx1.16.0/Apache2.4.43

DigitalOcean Server:
PHP7.4/8.0, Phpmyadmin5.1.1, Nginx1.16.0

Please find below my findings.
1. No crash experienced.
2. I faced no issue with saving the work at any point of time.
3. I am not sure if I could explore all features or missed some but separate featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. for different posts didn’t work for me all as I could not find any option to add featured image for posts under query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop.. When I clicked on featured image option under query loop post, no option to select featured image.
4. The most confusing thing was to make the page full width with GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ and selecting featured image for separate posts inside query loop.
5. The thing I enjoyed the most is that Gutenberg provides most of setting options at one place, hence it’s little easier to fix alignment/spacing/fonts etc compared to other page builders.
6. For now after this testing, I believe it would have been great if there was some simpler way to upload featured image for posts in query loop.
7. Yes, That’s the best part about Gutenberg, on live everything looks exactly what it is in design mode.
- annezazu 7:34 pm on October 15, 2021
  
  @ankurchauhan126 thanks so much for participating in this call for testing and for going through each question so thoughtfully.
  
  For now after this testing, I believe it would have been great if there was some simpler way to upload featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. for posts in query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop..
  
  Sounds like you got tripped up a few times with the featured image blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience., especially when it came to the placeholder. This has come up a bit in the past and I’ve deferred to other issues but, as these placeholders evolve, it seemed wise to at least get an initial issue out there to confirm direction: https://github.com/WordPress/gutenberg/issues/35689
  - Ankur Chauhan 7:56 pm on October 15, 2021
    
    @annezazu
    Thank you so much!!!
Piermario Orecchioni 6:20 pm on October 13, 2021

Hello, friends! I just played a little with the test, here are some notes:

Did the experience crash at any point?
Nope, everything was very stable

Did the saving experience work properly?
Yes

Did you find any features missing while creating your custom blog pattern?
I wish I had a margin and padding setting on the Columns blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. level.

What did you find particularly confusing or frustrating about the experience?
I’m still misled by the WordPress button in the top left corner of the Site Editor. I know that its function toggles a menu open/close, but being the WordPress logo such a familiar affordance, I often click on it in auto-mode expecting to come back to the dashboard.

I get similarly often confused by the fact that once in the Site Editor the only way to go back to the dashboard is to click on the back link until the < Dashboard link shows up (and again, clicking the WordPress button opens and closes the menu, working as a hamburger menu icon would). Way too many clicks if I just want to “escape” to the dashboard or the live site. That’s something I don’t enjoy.

I still don’t totally know if using a template on a page completely overrides any content I put on the page once I select the template in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme..

As usual, I could use some visual cues when creating layouts (outlines, a grid, something that wouldn’t give me the impression of adding elements in an endless empty space) 🙂

What did you especially enjoy or appreciate about the experience?
I appreciate how fast editing is, and I’m very excited by the possibilities that I see beyond the current hurdles.

This time testing was much faster and the overall GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ experience is cleaner and more consistent than the last time I tested something, some months ago. I am getting more familiar with the editor and there’s less guesswork.

I like how the Global Style is now more polished and easier to control. It just took me a while to realize that the Global Style only shows up clicking on the Edit Site menu item, and not on the Edit page/post item.

What would have made this experience easier?
Visual cues, a generally more consistent position of settings in the sidebar, and a smoother save flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.

Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context

. I often feel the “double” saving step slows me down and in 99% of the cases, the options provided in “Select the changes you want to save” are something I don’t want to check off.

Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. Block: this time I was able to set the number of posts shown in the query loop block as I knew that this setting was in the block’s contextual toolbar, yet I’d expect this feature to show on the main block sidebar, as it might be one of the most common things user look for, in my opinion.

Did you find that what you created in the editor matched what you saw on your site?
Yes, except for the issue with the Link to post toggle and featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. size.
I had some trouble controlling margins and side padding when placing the Query loop inside a column.

Did it work using Keyboard only?
No

Did it work using a screen reader?
No

While some things are still not totally intuitive to new users, I feel that Gutenberg made more big steps ahead in just a few months. I enjoy creating content in it and some of the things I have in mind are easier to achieve.

Thanks to all the contributors, you rock! 🌟
- Piermario Orecchioni 7:48 pm on October 13, 2021
  
  I realized that I didn’t do a lot of proofreading (sorry!) and that, on top of that, I forgot to paste this paragraph from my notes:
  
  Link settings:
  If I’m adding posts with the query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop., I don’t see why the “link to post” option shouldn’t be on by default. I might be missing something, but I’d personally make posts linked by default and remove the Link settings / Link to posts toggle. Who wants to create an index of posts and have no links on these posts?
  
  Also, Cover as a Scale factor on the featured images is shown correctly if the posts are not linked, but the featured images shrink if toggle Link to post on. (Could it be a known bug?)
  
  Thanks!
- annezazu 5:00 pm on October 18, 2021
  
  @piermario what a lovely and comprehensive response per usual. Thank you and thank you for your continued translations.
  
  I wish I had a margin and padding setting on the Columns blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. level.
  
  As you wish 😉 (kind of): https://github.com/WordPress/gutenberg/pull/34630 Slowly but surely these dimension controls are being added in. True margin and padding are planned.
  
  I’m still misled by the WordPress button in the top left corner of the Site Editor. I know that its function toggles a menu open/close, but being the WordPress logo such a familiar affordance, I often click on it in auto-mode expecting to come back to the dashboard…ay too many clicks if I just want to “escape” to the dashboard or the live site.
  
  This happens to me too on a regular basis. For now, I’m not going to open an issue since the experience does need a way to navigate around the various pieces but I’ll include it in the recap.
  
  I like how the Global Style is now more polished and easier to control. It just took me a while to realize that the Global Style only shows up clicking on the Edit Site menu item, and not on the Edit page/post item.
  
  Me too! I cannot wait for Global Styles to be fully built out so we can do a call for testing on it. We’re nearly there! In the long run, I’m keen to see features like having a dedicated space for global styles: https://github.com/WordPress/gutenberg/issues/32682 but that feels a ways away.
  
  I often feel the “double” saving step slows me down and in 99% of the cases, the options provided in “Select the changes you want to save” are something I don’t want to check off.
  
  Excellent call out. There’s a design shared here for improving this flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.
  
  Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
  
  that I’m keen to see implemented: https://github.com/WordPress/gutenberg/issues/31456#issuecomment-910891666 There’s a balance to strike here with giving people awareness of all that’s being saved in a good friction way without slowing folks down too much.
  
  Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. Block: this time I was able to set the number of posts shown in the query loop block as I knew that this setting was in the block’s contextual toolbar, yet I’d expect this feature to show on the main block sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme., as it might be one of the most common things user look for, in my opinion.
  
  Added your feedback here: https://github.com/WordPress/gutenberg/issues/25198#issuecomment-945966612 I agree! This came up with the latest hallway hangout too. I’m going to follow up for now to see if a review of toolbar vs block sidebar settings is going to be on the list for the overall query loop block improvements: https://github.com/WordPress/gutenberg/issues/30910
  
  If I’m adding posts with the query loop, I don’t see why the “link to post” option shouldn’t be on by default. I might be missing something, but I’d personally make posts linked by default and remove the Link settings / Link to posts toggle. Who wants to create an index of posts and have no links on these posts?
  
  I just tested this and can see that if you add in a pattern from the Query Loop block setup, it’ll automatically link. However, if you add the Post Title in isolation, it doesn’t enable that by default. I opened an enhancement request as a result as I think this would be wise to have on automatically (unless there’s some use case I’m not thinking of): https://github.com/WordPress/gutenberg/issues/35741
  
  Also, Cover as a Scale factor on the featured images is shown correctly if the posts are not linked, but the featured images shrink if toggle Link to post on. (Could it be a known bug?)
  
  Feedback needed: I couldn’t replicate this despite my best efforts. Mind sending over a video or sharing more steps for how I can determine this?
  
  While some things are still not totally intuitive to new users, I feel that GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ made more big steps ahead in just a few months. I enjoy creating content in it and some of the things I have in mind are easier to achieve.
  
  It’s lovely to hear that the steady iterations are making a differences! Onwards for even more.

WordPress.org

Feature Overview

Testing Environment

Testing steps

What to notice:

Leave Feedback by October 13th, 2021

Share this: