Magazine-Style Blog Layouts using Multiple Query Loops with GenerateBlocks (it's really simple)
ฝัง
- เผยแพร่เมื่อ 23 มี.ค. 2023
- In this video, I show you how you can create a magazine-style blog layout using multiple query loops with GenerateBlocks.
The blog layout is one I found on Dribbble by Dwinawan (awesome design!). You can see his work here: dribbble.com/dwinawan
[ Video Created and Produced by Kyle Van Deusen ]
💻 Visit Our Website: theadmin.bar/yt-tab
🗨 Join Our Free Community: theadmin.bar/yt-community
📨 Get the Best of The Admin Bar Delivered: theadmin.bar/yt-tfc
🔁 Sell More Care Plans: theadmin.bar/yt-wom
🧮 Use My Website Price Calculator: theadmin.bar/yt-calculator
📜 Get My Proposal Template: theadmin.bar/yt-proposal
☑️ Get More Done with My Checklists: theadmin.bar/yt-checklists
🔴 Live Event Schedule: theadmin.bar/yt-events
🔧 The Tools I Use: theadmin.bar/yt-tools
⚡ My Agency, OGAL Web Design: theadmin.bar/yt-agency
![[LIVE] : ONE ลุมพินี 69 | คู่เอก "กุหลาบดำ vs นาบิล"](http://i.ytimg.com/vi/PNM6U8e_HMo/mqdefault.jpg)
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!!
Oh wow! You are sooo kind! I'm glad you've found the videos helpful ❤ Thank you for your kind words!
@@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.
very well said, thanks @@YolandaLippens
Thank you, Kyle, for another great content! 👍
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!
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.
Thanks, Adeel! I'm trying to get it back on schedule!
Super video Kyle, thanks for sharing 👍
Glad you enjoyed!
Looks awesome man! Great demo!
Thanks man, I appreciate that!
Thanks for your very useful and superb content.
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.
wow great tutorial, good voice and pace..you help us a lot😀
Great work! Thanks for sharing!
Thanks, glad you enjoyed!
Excellent video. Thank you.
Awesome! Love this one
Glad you enjoyed it!
Nice demo generatepress i love youu ❤
🙌 Glad you enjoyed!
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.
No problem - I hope it helps!
Great video. Thanks
Great video. Trying to learn GP through your videos. Thanks for list view. More of these please. consider starting a patreon.
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/
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!!
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.
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!
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.
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.
Great video! At minute 9:09, I don't see the option "Link Source" under dynamic data. What am I doing wrong? Thank you in advance!
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
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
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.
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.
I wasn't trying to convince you to use these tools 🤷
Hi, with several blog posts, how is pagination handled if I want to limit it to three posts, as in your example.
I would also appreciate a solution. Thank you very much.
Hello, thanks for this tutorial. Could you pls do this with elementor, can you post a video of this in elementor,thanks
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?
Not sure - I would reach out to support.
@@TheAdminBar Thanks, will do.
I want query loop data in table
It is possible ?
Hello,
When I go Post template > Dynamic data, I don't have the LINK SOURCE option, does they change it in new update ?
Humm I don't think so 🤔
@@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.
Hi! We need a course of GB 1.7 with all that sizing and display options because now its a complete mess.
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)
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?
You'd have to use some custom code to show the category name INSIDE the loop, but it is possible.
How many query loops are too many? Is there a way to check performance?
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
How'd you get the global styles?
Check my channel for a full crash course on global styles.
Please give a tamplate code
Blog post are not clickable. I mean it's not opening any post while clicking link.
Did you link it to the single post?
Let me check. I will inform you if it solves the issue.