The WordPress Gutenberg Query Loop Block - a beginners guide

Sdílet
Vložit
  • čas přidán 29. 08. 2024

Komentáře • 39

  • @ifillip
    @ifillip Před 2 lety +1

    Love the way you show and explain things. I heard about Query but never understood it until now. Thank you!

  • @primewholeness
    @primewholeness Před 2 lety +1

    I just saw your other video on FSE...and now this. I didn't know this block existed. I had created a couple of custom post types and taxonomies to go with them, and I was trying to figure out how to best disoplay them on the frontside... I created a new page, chose this block and bam! LOL...eazy reazy. Wow. I was copy the archive and single posts pages into my child theme for each custom post type... It looks like with this I can kiss that goodbye...wow. Thanks! This one block is everything I was looking for. Thanks.

    • @jamiewp
      @jamiewp  Před 2 lety

      Yup the query loop block is going to be so important :)

  •  Před 9 měsíci +1

    Great intro song

    • @jamiewp
      @jamiewp  Před 9 měsíci

      Thank you Jose - my daughter made it 😊

  • @menaregood
    @menaregood Před 2 lety

    Yet another informative and clear tutorial about 5.9. Can I subscribe twice?? lol
    Just seeing this video has shown me how I can easily create a blog on my site that features the last three posts of multiple authors. Thank you Sir!

  • @MichaelFidelis
    @MichaelFidelis Před 2 lety

    nice work Jamie!

  • @mikeinsw11
    @mikeinsw11 Před 2 lety

    Good one Jamie.
    There are many plugins with a Query Loop type block, but having used WP for over 15 years (although I still consider myself a WP newbie) one of my current aims is to reduce plugins as far as possible; the Query Loop Block covers one of the design patterns I like.
    I do find it doesn't yet have enough flexibility. For example the Post Template allows Post elements to be included, but the styling is limited, so achieving, say, a post title and post extract overlaying the post featured image doesn't seem straightforward.
    Anyway, keep on posting and I'll keep on liking!

    • @jamiewp
      @jamiewp  Před 2 lety

      Hi Mike, 100% agree with you , I'd love to be able to achieve that design too :)

    • @stuartmorley6338
      @stuartmorley6338 Před rokem

      Typical Gutenberg I am afraid. Your post was 11 months ago and I bet this hasn't been fixed. Problem is that the developers possibly don't even realise but are working on a new an imporved version that gives you something useless like rounded corners or something just as daft.

  • @spoolyz0296
    @spoolyz0296 Před 2 měsíci

    Thanks for the info, how difficult would it be to create a trending query loop? I currently have a main block with one article/excerpt on the left and recent articles on the right with no excerpt
    At the bottom I want to create a trending query loop that goes from left to right with about four posts with no excerpts.
    Im having a hard to finding where to start to make them queried by Trend/clicks

  • @kanishindia
    @kanishindia Před rokem

    Great... Is there a way to display both products and posts in a customised design in a single search result page

  • @gethsemane-777
    @gethsemane-777 Před rokem

    Thanks for this tutorial, I was wondering why I had only three result showing. I would have never guessed on my own the setting is via the small icon, I was looking on the block panel on the right side. They didn't make some of these options so obvious...

  • @KandasRodarte
    @KandasRodarte Před 2 lety

    Thank you so much for this tutorial. It was exactly what I needed to edit my blog page!! Question: I host a podcast and my podcasts are in a category called podcast. Is there a way to add a podcast player to a query loop for the podcast category?

  • @stuartmorley6338
    @stuartmorley6338 Před 2 lety

    When I use the query loop I don't get the option in the toolbar that you show at 7:20 and can't see all the block options.

  • @ujo9492
    @ujo9492 Před rokem

    NIce video :D, is there any way to enable searching, filtering and sorting for visitors? Id like to make archive with pdf files that could be searched, filtered and sorted by tayonomies. This could be useful also for produst listing.

  • @mehrshadpiano
    @mehrshadpiano Před 2 lety

    Hey. Thanks for the video. My theme doesn't have a template to load and shoe Gutenburg. How can I write a simple PHP template that lods the Query loop block on the page?

  • @HullioGQ
    @HullioGQ Před 7 měsíci

    Thank you for this tutorial. Quick question; I know this was made over 2 years ago but does Query Loop support ACF or just posts and pages?

    • @jamiewp
      @jamiewp  Před 7 měsíci +1

      Not yet , but’s planned for WordPress 6.5 (released in March 2024) and for now you could use the free Meta Block plugin 😉

    • @HullioGQ
      @HullioGQ Před 7 měsíci

      @@jamiewp Thank you, Jamie! I am migrating from Oxygen to WordPress Core (Gutenberg), all thanks to your tutorials.

  • @MommeKrahn
    @MommeKrahn Před 2 lety

    Hi Jamie, great video once again, thanks a lot for this! One question regarding the masonry layout: would you please be able to explain how / where to put the pagination for the query loop in case of those two columns? Thanks!

    • @jamiewp
      @jamiewp  Před 2 lety

      Great question - personally i wouldn't add pagination on a page like this, but if you did want to i'd manually add a 'read more stories' custom link to the base category page (for each section)

  • @ramimer1
    @ramimer1 Před 2 lety

    Kind of new to the blocks. Very well explained. One question if I may: The query loop, is it possible to use it to pull single services ( from pages) instead of blog items, and place them on the home page as masonry? Do you know of an example that I have to look at? Thank you again and keep up the awesome work

    • @jamiewp
      @jamiewp  Před 2 lety

      Yes, if they are build as custom posts

  • @Kris-yg4ub
    @Kris-yg4ub Před rokem

    does it only work with posts? I feel like this would work for services pages where you have a repetitive grid on things you want to show.

    • @jamiewp
      @jamiewp  Před rokem

      Hi , it also works with custom posts 😀

  • @OtsoO
    @OtsoO Před 2 lety

    These new blocks are pretty nice for bloggers/e-commerce-shop users who are tech savy, but for your standard WP developer it doesn't add anything. All these extra settings make these new blocks just unusable in client projects, because you don't want to add such flexibility which could break the design. Why would anyone want options for custom font-sizes and line-heights? Typography isin't something what you want to change even on yearly basis. Highlight colors are nice though. Just sticking with fewer options, would make more sense to me, because I don't really understand who are these features made for.

    • @jamiewp
      @jamiewp  Před 2 lety +2

      Hi, good point, although you'll be able to limit what your clients can access (and also the blocks API now includes the ability to lock blocks)

  • @rmcellig
    @rmcellig Před rokem

    Can this block be used for podcasts instead of blog posts?

  • @shaolin60
    @shaolin60 Před 2 lety

    Hey there! Thank for video! Gutenberg loop is have some limitations when I want to reproduce html design. Is it possible to create custom design for CPT and use it in loop? For instance I can create element in Kadence Theme. But I can't use this design for loop. Do you know any solution on this?

    • @jamiewp
      @jamiewp  Před 2 lety

      Hi, could you share a link to the design you are trying to achieve?

    • @shaolin60
      @shaolin60 Před 2 lety

      @@jamiewp send by email, Thanks

  • @stuartmorley6338
    @stuartmorley6338 Před rokem

    Great Block and has the usual Guternberg feature of being 60% useable. Why on earth would you create a query loop that doesn't allow multiple tags (using and AND operator). If using multiple the operator is OR and no way to change it, It seems these blocks are created by designers with no idea of how the real world works. This is so typical of gutenberg block, some of them are missing simple things and then we get all excited when another plugin (which usually breaks things) give us borders or something just as simple. You only have to take laying out the product page and how long that took. The money I've spent on plugins that took ages to get working only to then break later on is frightening. Gone back to the standard woocommerce ones as they work.

    • @jamiewp
      @jamiewp  Před rokem

      Hi Stuart, I'd be interested in the use case for the query loop you're trying to create?

    • @stuartmorley6338
      @stuartmorley6338 Před rokem

      @@jamiewp Sure - I'm trying to show products with tag A and tag B but it only shows them with either.