CSS Layout & Hover Fun: WordPress Block Type Tutorial

[@LearnWebCode]

If you're enjoying this video and series there are several ways to help support this channel: - Check out my patreon www.patreon.com/learnwebcode - Use my DreamHost link click.dreamhost.com/aff_c?offer_id=109&aff_id=17231 - Join my other coding courses learnwebcode.com/

[@socialtejas]

I have been your subscribers for more than 3 years now. I must say you are The G.O.A.T. I am also your student on Udemy! God bless you brother! :)

[@ozgursar5386]

I'm a senior frontend developer, and still enjoy watching your tutorials. Great tips for the beginners here, especially the CSS Grid ones!

[@LearnWebCode]

Really appreciate that 🙏

[@gianbattistamaricosu1911]

You're a natural born teacher.... my regards to barksalot and mieawsalot😃😃😃😃

[@vietanhphan4788]

This sort of video is very straight forward for learners. Today, I learn about usage of grid template, position. I will complete this example when I finish Fictional University. Looking forward for more videos like this🎉

[@joinglobalnetworks]

This is super cool series from a great coding teacher.

[@rogersegu1053]

Thanks, Brad! This is such a smart idea. Over the past year, I've been thinking a lot about how to combine classic themes with FSE, but it never occurred to me to treat layout sections as simple, dynamic plugins. This might be exactly the approach I've been looking for. It critically diminishes the need of dealing with global styles or complex system CSS classes. Using classes like alignfull is so convenient! Also, starting with the native Twenty Twenty-Five theme seems like the best way forward for a myriad of reasons. Congratulations, you did it again 👏👏👏

[@LearnWebCode]

Thank you so much for the kind words. I too have been wrestling with how to leverage the potential of FSE while still acknowledging the need for bespoke code for certain sites or features.

[@tjsayers5428]

This is so cool. I know what I’ll be playing with this weekend. Thanks for another great tutorial! 🎉

[@visualmodo]

Truly good work!!!

[@visualmodo]

Really good content!

[@Jobeyhshxgs]

Great content thanks, super easy to digest.

[@arshad1781]

Nice 😊

[@arshad1781]

Thanks

[@KhanKhan-q6q8u]

How to get reference design for a project ? For example i want to make a job portal but i don't know how to do it how to get reference for it ?

[@LearnWebCode]

Aside from partnering with a designer, the only idea off the top of my head is to visit the community section of Figma; you can find free templates there and perhaps one will match what you're looking for.

[@MohammadRezaYusufy]

That was awesome and amazing. Is it possible to make a tutorial for a product carousel with swiper or any other js library Thanks ❤❤😊

[@LearnWebCode]

Thanks! I like that idea; I added a Swiper carousel video to my list.

[@kadimgultekin]

Hi, thank for tutorials. I think there is no need to add background color and padding via custom css. It is possible with adding block supports to our block and using get_block_wrapper_attributes() function in render.php So, users can easily add background color or padding from Block Editor. Maybe you will publish another tutorial about block supports.

[@LearnWebCode]

Good call, I'll add that to my list for future videos, one where we use the Supports API to let the user control the color and padding / margin of a block. As for this video; I think there are two main use cases for creating blocks: (1) You plan to publicly distribute it so other sites can use it and (2) you're creating the block just for your one off bespoke site for a client of yours. For use case #1, the Supports API is a dream come true. For use case #2 I purposely don't want the user to be able to control design or style, but maybe they want to be able to include a block like this in the middle of some of their posts or pages.

[@Tony.Nguyen137]

Need tutorial for ACF blocks

[@LearnWebCode]

ACF Blocks are awesome, but I probably won't cover it because it's a paid-only feature of ACF.