Magazine-Style Blog Layouts using Multiple Query Loops with GenerateBlocks (it's really simple)

Поделиться
HTML-код
  • Опубликовано: 10 янв 2025

Комментарии •

  • @YolandaLippens
    @YolandaLippens Год назад +5

    You are really a great teacher, you are the only one to me who can explain things in a very good way, fast, but not too fast. You also have a very pleasant voice to listen to. I've already learned so much from your videos, you're really the best. Keep doing the great work!!

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      Oh wow! You are sooo kind! I'm glad you've found the videos helpful ❤ Thank you for your kind words!

    • @YolandaLippens
      @YolandaLippens Год назад +1

      @@TheAdminBar I'm a teacher myself and have made dozens of tutorials in the past. You have a natural way of presenting without any ego (!), and that is very pleasant. Your tutorials are not about you but about the subject you want to teach, which makes you stronger as a teacher.

    • @kentio
      @kentio 11 месяцев назад +1

      very well said, thanks @@YolandaLippens

  • @amitnair6455
    @amitnair6455 Месяц назад

    You are too good man! Got some really great ideas! Cheers! :)

  • @pvanelk
    @pvanelk Год назад +1

    Excellent video, I'm currently working on a magazine-style site in which I'm using multiple query loops with multiple taxonomies. Taxonomies can span multiple query loops so this requires that I somehow keep track of the already visible posts, I haven't figured that one out yet. Thanks for your videos, they've been a great help in using GP/GB!

  • @adeel.azeemi
    @adeel.azeemi Год назад +1

    Really missed your videos on GP/GB. Great as always. Hope to see more awesome stuff from you soon, especially about the new GB update.

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      Thanks, Adeel! I'm trying to get it back on schedule!

  • @cuteek
    @cuteek Год назад

    Thanks! This is exactly what I was looking for to fix the homepage of my blog. Will let you know how I get on tomorrow.

  • @barsk76
    @barsk76 7 дней назад

    Thank you so much for the tutorial. I would love to see if this design can be done with Elementor Pro?

  • @hitechmod
    @hitechmod Год назад

    Thank you, Kyle, for another great content! 👍

  • @kentio
    @kentio 11 месяцев назад

    wow great tutorial, good voice and pace..you help us a lot😀

  • @mynameisnotimportant7336
    @mynameisnotimportant7336 Год назад

    Thanks for your very useful and superb content.

  • @orlaithdilleen7323
    @orlaithdilleen7323 Год назад

    Super video Kyle, thanks for sharing 👍

  • @Simulacra001
    @Simulacra001 8 месяцев назад

    Excellent video. Thank you.

  • @jvanderhee2050
    @jvanderhee2050 Год назад +1

    Thank you very much for the phantastic and helpful video! To know how to add pagination - so you can show a defined number of (custom)posts this way - and if interested the viewer could use pagination to see more posts would be so very useful! Wish i knew how to do that!!

    • @TheAdminBar
      @TheAdminBar  Год назад +2

      The Query Loop block has the option to add pagination with the click of a button. When you select the query loop block, the toolbar will have a "+" icon, which will add the pagination.

  • @martijns.7029
    @martijns.7029 Год назад

    Awesome work ! Thank you so much Kyle!!! The only thing I can't solve yet is variation within a query loop, by using a different grid layout (different sizes of containers) Ele custom skin grids (Elementor only) but then in GP.

  • @jeffbarnhart6441
    @jeffbarnhart6441 Год назад

    Great video. Trying to learn GP through your videos. Thanks for list view. More of these please. consider starting a patreon.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Hey, Jeff! Glad you are enjoying it ❤ I do actually have a Patreon... it's just not through Patreon (who needs the fees when you can do it yourself??!). Check it out here: theadminbar.com/barfly-membership/

  • @IvanOung
    @IvanOung Год назад

    Great work! Thanks for sharing!

  • @supportmboton
    @supportmboton Год назад

    Nice demo generatepress i love youu ❤

  • @masterbrubbel
    @masterbrubbel Год назад +2

    When it comes to columns, do you prefer the grid block or using the new flex box container in Generateblocks? Nice video as always. I have to admit, this is one of the yt channels I take a lot of inspirations.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Thanks Jack!
      I prefer the grid block for just establishing columns... The "macro" layouts. Just less to fiddle with.
      But for smaller things, like putting two things next to each other, the flex controls are great.

  • @christophenicolas127
    @christophenicolas127 Год назад

    Great video. Thanks

  • @adamwrightdesign
    @adamwrightdesign Год назад

    Looks awesome man! Great demo!

  • @carolmaI1mn
    @carolmaI1mn Год назад

    Awesome! Love this one

  • @jaskaransingh12345
    @jaskaransingh12345 Год назад +1

    I never use generatePress and its plugins before. So it's quite overwhelming for me to create like this.
    Although I spent one hour to watch 10 minutes but I also created the same layout by side.
    Thanks a lot Sir for sharing this tutorial.
    One question- what is the feature image size you recommend to use?
    That's the part where I was getting stucked

    • @TheAdminBar
      @TheAdminBar  Год назад

      It depends on your layout. Don't size it any bigger than how it will ever be shown on the front end. Using WebP can really help reduce the file size. I also use ShortPixel for optimization, which helps a ton.

  • @pudding3793
    @pudding3793 Год назад

    Hello, thank you so much for this awesome video, i used to make website with elementor but with generatepress as theme, but every design i use with elementor so im kinda confused with gp/gb. my silly question is when you make this it's on pages or elements? my clients wants their web use gb with very minimal elementor. it has many different categories, for each categories should i make on different elements? thanks!

  • @virtuallearningspace3891
    @virtuallearningspace3891 Год назад +1

    Hi, with several blog posts, how is pagination handled if I want to limit it to three posts, as in your example.

  • @immadamir
    @immadamir Год назад

    Hey, I've been using query loops recently and I am stuck on making a pagination. How do I make pagination with the query loop? I am creating a blog template where there are 10-12 posts and at the bottom there is a pagination option to navigation across other pages. The prebuilt pagination option does not have the styles I want and it is harder to customize. Please suggest me what should I do. Thanks

  • @Simulacra001
    @Simulacra001 8 месяцев назад

    Quick question, the staggered titles work absolutely fine when the CSS is inserted in to the CSS section of the Customiser. However, when moving said CSS to the styles.css file of my child theme it no longer takes effect!.. I know styles.css is being used as other CSS is working.
    Any ideas?

    • @TheAdminBar
      @TheAdminBar  8 месяцев назад

      Not sure - I would reach out to support.

    • @Simulacra001
      @Simulacra001 8 месяцев назад

      @@TheAdminBar Thanks, will do.

  • @BernardEbuehi
    @BernardEbuehi Год назад

    Hello, thanks for this tutorial. Could you pls do this with elementor, can you post a video of this in elementor,thanks

  • @badcatdesign
    @badcatdesign Год назад +1

    How many query loops are too many? Is there a way to check performance?

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      Yeah, hard to say exactly. Every time you're querying the database you're gonna take a hit... I would do it as few times as possible.
      I do know I had one site that had 8 on the home page (an affiliate blog site) and I still had it in the 90s for PageSpeed with the help of Perfmatters

  • @saugaswiper
    @saugaswiper Год назад +1

    How'd you get the global styles?

    • @TheAdminBar
      @TheAdminBar  Год назад

      Check my channel for a full crash course on global styles.

  • @ROSTYK1000
    @ROSTYK1000 Год назад

    Hi! We need a course of GB 1.7 with all that sizing and display options because now its a complete mess.

    • @TheAdminBar
      @TheAdminBar  Год назад

      I'm sorry you're having trouble with it - I'm absolutely in love with it! Jonathan Jernigan has a course that uses 1.7 and it's excellent! theadminbar.com/generate-made-easy/ (affiliate link)

  • @dhiraj1000
    @dhiraj1000 11 месяцев назад

    I want query loop data in table
    It is possible ?

  • @Whatreally123
    @Whatreally123 4 месяца назад

    Default Query block or even GP QLB doesn't have a "random" attribute. That's a big miss if one has a site where related posts section should show random posts and not the same list on every post. I know Advanced QUery Loops plugin does it, but should be part of the default block.

  • @quentinahok7837
    @quentinahok7837 Год назад

    Hello,
    When I go Post template > Dynamic data, I don't have the LINK SOURCE option, does they change it in new update ?

    • @TheAdminBar
      @TheAdminBar  Год назад

      Humm I don't think so 🤔

    • @thedoctor16
      @thedoctor16 Год назад

      @@TheAdminBar It look like you can no longer add a link to a Post Template. I believe it has been moved into the Pro tier. Which seems pretty uncool to me.

  • @sunflowerhk100
    @sunflowerhk100 Год назад

    Can I publish only the posts under each category for each loop? And can I show the category name of each post in the loop? How?

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      You'd have to use some custom code to show the category name INSIDE the loop, but it is possible.

  • @sunflowerhk100
    @sunflowerhk100 Год назад

    I have re-watched this again and honestly it is not so easy, when there are other much easier and free options like Kadence blocks, Xpost, Spectra with just clicking a few buttons instead of having to add css.

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      I wasn't trying to convince you to use these tools 🤷

  • @BasantDhurve_
    @BasantDhurve_ Год назад

    Please give a tamplate code

  • @HrishikeshJadhav-e9n
    @HrishikeshJadhav-e9n 17 дней назад

    Please optimize for mobile also

  • @theawakeningmind15
    @theawakeningmind15 Год назад

    Blog post are not clickable. I mean it's not opening any post while clicking link.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Did you link it to the single post?

    • @theawakeningmind15
      @theawakeningmind15 Год назад

      Let me check. I will inform you if it solves the issue.