I looked at 1000 WordPress designs and here are my top 20!

Ғылым және технология

See my WordPress Gutenberg plugins www.pootlepress.com/wordpress...
Get my top 20 Block Patterns app.instawp.io/launch?t=top-t...
See the WordPress.org Block Patterns wordpress.org/patterns/
👉 Sign up for my newsletter www.pootlepress.com/sign-up-t...
👉 Contact me at: jamie@pootlepress.com
👉 My Gutenberg plugins www.pootlepress.com/wordpress... 🔥
👉 Join ClubPootle for more tutorials, free versions of the GeneratePress and Storefront block themes, and member discounts on training and consultancy clubpootle.com/
Timeline
0:00 - Intro
0:30 - How to use WordPress Block Patterns
1:00 - Overlapping photos
2:00 - Frames
3:00 - Call to action section
4:10 - Overlay opacity and cover block
5:10 - Text highlighting
6:05 - Window effect
7:00 - Services boxes
8:10 - Pricing table
9:30 - Progress Bars
10:35 - Social media follow box
11:45 - Hero Text
12:40 - Clever cut outs
13:55 - Hero angled overlap
14:50 - Using shapes for blocks
16:35 - Using textures
17:30 - Overlapping Headings
18:30 - Slanted background colour CTA Hero
19:14 - Simple introduction
20:15 - Gallery with DuoTone
2115 - My favourite Block Pattern
23:05 - Cats Cameo

Пікірлер: 35

  • @MartinMcLoughlinNo1
    @MartinMcLoughlinNo1 Жыл бұрын

    Thanks for sharing your time so selflessly

  • @hadejet6585
    @hadejet6585 Жыл бұрын

    Jamie, you are the King of Gutenberg! Are you planing any Black Friday offers for your products?

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Hi Hade, thank you ;) Yes we are running a black friday sale ;)

  • @MarioGZito
    @MarioGZito8 ай бұрын

    I began to watch this video in the Gutenberg Facebook Group then I came here to watch it in full. It is really great. Good to learn how WP core blocks are versatile and very didatic for us to learn. You are a gifted person. Thank you very much for sharing it.

  • @jamiewp

    @jamiewp

    8 ай бұрын

    thank you very very much 👍

  • @PeterIngersoll
    @PeterIngersoll Жыл бұрын

    This is a fantastic way to see what can be done in the WordPress editor with blocks! It's so common for people to say, "I want that!" after seeing something they like. Taking a cool design and then deconstructing it is such a great learning method. What an idea generator!

  • @The-Great-Brindian

    @The-Great-Brindian

    Жыл бұрын

    Having spent the better half of around 12 years hand coding and replicating complex layouts by hand, I feel I've earned the right to migrate over to WPE WB's 🙂

  • @walksfreely
    @walksfreely Жыл бұрын

    Really appreciate you going through how all these designs are made. Similarly appreciate the website 30 min build videos. It really helps to see you go through all the steps of setting things up, and I always learn at least one or two things that I can use in my current designs and find answers to things that have been puzzling me how to do.

  • @annawojcik3677
    @annawojcik3677 Жыл бұрын

    Thank you for fantastic walk around clever Gutenberg core block patters. I'm inspired :))

  • @paulroos8517
    @paulroos8517 Жыл бұрын

    Again, thankyou very much.

  • @octopusfly
    @octopusfly Жыл бұрын

    POW!!! Jamie, that was an absolute Masterclass of design reverse-engineering! Thank you for sharing! ~an American in Korea 🇰🇷

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thanks Robert

  • @Jaydawg1250
    @Jaydawg1250 Жыл бұрын

    I so love the content here. For me, this is such a valuable learning tutorial to digging deeper into learning WordPress. Thanks mate. Cheers

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thanks, i glad you found this one useful 👍

  • @amineunshakable1295
    @amineunshakable1295 Жыл бұрын

    Great tutorial, I don’t think I’ve come across something like this before on KZread, this is huge to deconstruct a design in very different and unique way for education and learning pattern. You absolutely nailed it with this kind of tutorial, bravo 🎊🎈 Hope to see more of these stuff in near future and a continuous teaching on to Gutenberg world

  • @ChipRiggs
    @ChipRiggs Жыл бұрын

    This is a great one! I'm trying to force myself to stick with the stock Gutenberg editor and not fall back to one of the new(ish) Gutenberg builder add ons so this is helpful to see what can be done. Also, since looking at the pattern library can be a bit over & underwhelming it's nice to have a curated list of some of the better patterns up there.

  • @derek-hanson
    @derek-hanson Жыл бұрын

    Love the creativity in the pattern library. These are good finds. I’d love to see if the pattern builder can allow for using the template building blocks so you could build headers, footers, blog layouts, etc. another great video!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Thanks Derek

  • @tim78723
    @tim78723 Жыл бұрын

    Fantastic content. You know I don't think that they would have near as many 'negative' reviews of Gutenberg if everybody would just watch your channel. I would actually have put your #20 at the #1 slot, but that could have just been the default images. Thanks as always Jamie, just color me you 65 year old "fanboy". 😆

  • @jugibur2117
    @jugibur2117 Жыл бұрын

    Wow, really useful explanations, thanks!

  • @visualmodo
    @visualmodo Жыл бұрын

    Excellent work!

  • @kristinaus4634
    @kristinaus4634 Жыл бұрын

    Fun and inspiring! Thank you!

  • @ReinerSchwope
    @ReinerSchwope Жыл бұрын

    Very interesting and also really well implemented methodically and didactically. Thanks!

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK Жыл бұрын

    Every video is amazing, I don't know how you do it!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thank you - i was really pleased with this one as it took ages :)

  • @SingaporeMathsAcademyUK

    @SingaporeMathsAcademyUK

    Жыл бұрын

    @@jamiewp we just redisgned our website ourselves this time so a BIG thank you for all your videos. Would love to get your feedback if it's not too cheeky 🤣. We would also love to see a video breaking down some of the blocks, like what exactly is a cover, advanced text, group etc

  • @jamiewp

    @jamiewp

    Жыл бұрын

    @@SingaporeMathsAcademyUK I'd love to see it

  • @tinathaw739
    @tinathaw739 Жыл бұрын

    Hey, Jamie! Another great video, my friend. I absolutely love how you dissect these patterns because I learn so much. I do have a question for you. How should one determine which pattern size to download? The default is 960px, but I am wondering about the pros and cons of the other sizes, and how to know which is the "right" choice. I have a hunch you might respond something about the theme we are using, but even then, how does one know what is the better choice. Thanks again, Jamie, for all your hard work on this channel. It is "chef's kiss" the best content I have found on this subject.

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Thanks Tina - normally you can adjust the pattern width once it's in the editor, so it should really matter what size you initially choose (i think)

  • @tinathaw739

    @tinathaw739

    Жыл бұрын

    @@jamiewp Thanks, Jamie. I will certainly let you know if I discover anything different. I appreciate you.

  • @upstartptyltd
    @upstartptyltd Жыл бұрын

    Hi Jamie, another great video. What theme were you using when you made this video?

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thanks - i used the new 2023 default theme

  • @dknown
    @dknown11 ай бұрын

    If I use a plugin like Kadence Block, would this work?

  • @jamiewp

    @jamiewp

    11 ай бұрын

    Yup, but you don't need to use any plugin for all of these - you can do with just the core blocks that come with WordPress 👍

Келесі