{"id":283344,"date":"2021-06-20T02:45:20","date_gmt":"2021-06-20T00:45:20","guid":{"rendered":"https:\/\/www.elmastudio.de\/?p=283344"},"modified":"2021-07-05T10:20:31","modified_gmt":"2021-07-05T08:20:31","slug":"the-new-query-block-explained","status":"publish","type":"post","link":"https:\/\/www.elmastudio.de\/en\/the-new-query-block-explained\/","title":{"rendered":"The new Query Loop Block explained"},"content":{"rendered":"\n

In my last blog post I talked about the new Full Site Editing Features that are being introduced in WordPress. One of these features in the new Query Loop block and it’s inner Post Template block. Both blocks will be included in the upcoming WordPress 5.8<\/a> release.

The blocks help you to show a number of pages, posts, or othe elements like WooCommerce products anywhere you include the Query Loop block. The Post Template block then will include further small new blocks to show the post or page details like the Post Date, Author, Tags, Categories or Excerpt block.

It’s a great way to include any number of posts or pages on a page and customize the content you want to show. We included the a first version of the Query block on our new ElmaStudio front page. At the moment we still need to have the Gutenberg plugin<\/a> installed, but with WordPress 5.8 all Post blocks will be included by default.
With the outer Query Loop block you can decide the number of columns and the number of posts. The number of posts is a bit hidden, you need to look in the Toolbar to change the number of items shown. There is also a Grid or List view and it’s expected that further options will be added later on.<\/p>\n\n\n\n

\"Anzahl<\/figure>\n\n\n\n

If you open the Block settings you can find options to filter your content. Here you can choose the type of content you want to add, and in how many columns you want to show your content. You can filter by categories, tags and even by authors.<\/p>\n\n\n\n

\"Filter<\/figure>\n\n\n\n

Query Loop layout options<\/h3>\n\n\n\n

We are currently preparing our Aino theme<\/a> for the new set of blocks. We currently support a simple multi column layout but we will add further layout options soon.

It’s great to be able to customize the oost loop in such details. After you include the posts you can choose how to show each post, e.g. by adding the Featured image, title and post excerpt or post author.<\/p>\n\n\n\n

\"Query<\/figure>\n\n\n\n

It’s important to mention that all posts change once you customize one post. It’s also good to know that you can change a posts Featured image inside the Query Loop block and it will be updated on your single post as well.<\/p>\n\n\n\n

You can also change the Heading or text font size or color, which is interesting and gives users a lot of new options to play with. I think it will be important for theme authors to provide a set of pre-designed Query Loop patterns, since it can also be overwhelming to add all the settings yourself. It will be exciting how these new set of blocks will evolve.<\/p>\n\n\n\n

Questions and feedback<\/h3>\n\n\n\n

Do you have any questions regarding the new Query Loop and Post Template block? Have you played around with the new blocks already using the Gutenberg plugin? If so, what is your feedback so far? I would love to hear your thoughts and please ask any question you might have. I love to hear from you.<\/p>\n","protected":false},"excerpt":{"rendered":"

In my last blog post I talked about the new Full Site Editing Features that are being introduced in WordPress. One of these features in the new Query Loop block and it’s inner Post Template block. Both blocks will be included in the upcoming WordPress 5.8 release. The blocks help you to show a number […]<\/p>\n","protected":false},"author":1,"featured_media":283817,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1605,910],"tags":[1849,1695,1953,1955],"class_list":["post-283344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg-en","category-wordpress-en","tag-block-editor","tag-bloecke","tag-full-site-editing-en","tag-wordpress-5-8"],"_links":{"self":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/283344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/comments?post=283344"}],"version-history":[{"count":6,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/283344\/revisions"}],"predecessor-version":[{"id":284135,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/283344\/revisions\/284135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/media\/283817"}],"wp:attachment":[{"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/media?parent=283344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/categories?post=283344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elmastudio.de\/en\/wp-json\/wp\/v2\/tags?post=283344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}