Spice Up Your Designs with This Featured Post Technique! 🌶 1 loop, many designs for faster speeds ⚡
ฝัง
- เผยแพร่เมื่อ 30 เม.ย. 2024
- In this tutorial, I demonstrate a streamlined way to style specific posts in your GenerateBlocks query loop to make them stand out. This technique is perfect for anyone running a WordPress blog or site and aims to avoid multiple, clunky query loops.
I discovered this method during a recent project and realized it could benefit many of you managing dynamic content. Instead of relying on less efficient methods, I've developed a solution that's both sleek and straightforward.
👉 Watch and learn how to enhance your blog's appearance with minimal queries. This could be a game-changer for your site's performance and design!
I hope you enjoy 🙌 Thank you for all the support!
💻 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
Hi Kyle, a thumbs up is too smaller a thank you for a truly great video. You have a great presentational style, which for me is important when someone is trying to communicate some pretty sophisticated and complex ideas.
Thanks so much, Charles! I'm really glad you enjoyed it!
Great video, Kyle. What I'd love to learn is how to effectively select a featured post manually (or several) and create a featured post header that also then doesn't repeat the featured posts within the rest of the query loop in the blog post column. I have it done on our blog, but it's pretty convoluted and I am sure there's an easier way to accomplish it.
Hummm so you'd want to change their order, huh? That's a tough one using just one loop - I'd have to think on that!
Thumbs up for this great video. Keep up the good work. ThanX 4 sharing,
I really like this, and it was a fantastic tutorial. Is there any way to get it to not show the ftd post on pages 2 and beyond when using pagination?
Love it! I've been using the 2 query loops, and you're right it doesn't really work for an archive page when you have pagination. But this shows how easy it is to just write a few lines of css to get that effect, despite the fact that you didnt write the CSS mobile first :)
Mobile-first is a fallacy - especially within WordPress (which is CERTAINLY not set up to be mobile first). I think an argument could be made for me to do this the opposite way - but I'm a "path of least resistance" guy 😅 th-cam.com/video/p3k_IrXLNRc/w-d-xo.htmlsi=QTW3blEzCY-Z8FMv
Agree to disagree. Mobile-first isn't a fallacy, it would have resulted in writing less CSS here and be easier to reason about when coming back to it.
Hi. Can you please create a video on how to display feature image of first articles on homepage as a feature image without any CSS code
Hi Kyle, great video 👍! I was wondering if you could’ve used the clamp function to set the padding of the containers or grid instead of having to write CSS coding for the media query. With the clamp function set on the desktop, there will be no need for media queries as it will be responsive across all devices, right?
Yeah,that should work fine!
Nice video Kyle, I learn a lot. I want to ask is aspect ratio only available on GB premium? (5.10)
Yes, it's only available in the new Global Styles controls that are a part of GB Pro
Wait ... what? No class system for the GenerateBlocks Grid Block in the new GenerateBlocks? I haven't converted over to the new class system in GenerateBlocks yet, but I've always setup GenerateBlocks Global Styles for my Grids and use them constantly in my development system.
I run into the need for this type of Query Loop Block layout style often, but I need to be able to specify the featured post. I don't always want the featured post to be the newest. I usually specify the post using the "featured" tag. Now you have me thinking "how to have just the 'newest post' with the 'featured' tag show first?"
The grid block is a dead man walking... Now that we have flex and CSS Grid, it's pretty useless. If they can figure out how to get it out of the query loop block, I assume it will disappear.
As for your scenario - I think that's totally possible! I considered showing something more advanced where you grab a specific category, but it was getting complex enough 😅