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

Подписаться 10 тыс.

Просмотров 13 тыс.

50% 1

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

Опубликовано:

23 мар 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 60

@YolandaLippens Год назад

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 Год назад

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

@YolandaLippens Год назад

@@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 5 месяцев назад

very well said, thanks @@YolandaLippens

@pvanelk Год назад

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!

@hitechmod Год назад

Thank you, Kyle, for another great content! 👍

@adeel.azeemi Год назад

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 Год назад

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

@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.

@mynameisnotimportant7336 Год назад

Thanks for your very useful and superb content.

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

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

@Simulacra001 3 месяца назад

Excellent video. Thank you.

@orlaithdilleen7323 Год назад

Super video Kyle, thanks for sharing 👍

@TheAdminBar Год назад

Glad you enjoyed!

@christophenicolas127 7 месяцев назад

Great video. Thanks

@IvanOung Год назад

Great work! Thanks for sharing!

@TheAdminBar Год назад

Thanks, glad you enjoyed!

@adamwrightdesign Год назад

Looks awesome man! Great demo!

@TheAdminBar Год назад

Thanks man, I appreciate that!

@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.

@TheAdminBar Год назад

No problem - I hope it helps!

@andreadant Год назад

Awesome! Love this one

@TheAdminBar Год назад

Glad you enjoyed it!

@jvanderhee2050 Год назад

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 Год назад

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.

@supportmboton Год назад

Nice demo generatepress i love youu ❤

@TheAdminBar Год назад

🙌 Glad you enjoyed!

@jeffbarnhart6441 Год назад

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

@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/

@masterbrubbel Год назад

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 Год назад

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.

@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!

@aindriufiadh 2 месяца назад

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!

@sunflowerhk100 7 месяцев назад

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 7 месяцев назад

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

@jaskaransingh12345 Год назад

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 Год назад

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.

@BernardEbuehi Год назад

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

@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

@virtuallearningspace3891 Год назад

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

@powerpapaproject3724 Год назад

I would also appreciate a solution. Thank you very much.

@ROSTYK1000 Год назад

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

@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)

@Simulacra001 3 месяца назад

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 3 месяца назад

Not sure - I would reach out to support.

@Simulacra001 3 месяца назад

@@TheAdminBar Thanks, will do.

@quentinahok7837 10 месяцев назад

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

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

Humm I don't think so 🤔

@thedoctor16 9 месяцев назад

@@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.

@badcatdesign Год назад

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

@TheAdminBar Год назад

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

@sunflowerhk100 9 месяцев назад

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 9 месяцев назад

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