WordPress Components Have ARRIVED! 🔥

Рет қаралды 47,820

Күн бұрын

👉 FREE THEMES www.pootlepress.com/free-word...
👉 Hire Me: www.pootlepress.com/wordpress...
👉 Stay in touch with WordPress news: www.pootlepress.com/sign-up-t...
👉 Pro WordPress Tutorials : clubpootle.com/
👉 Sponsor my KZfaq channel www.pootlepress.com/youtube-v...
WordPress has released a new feature called "Pattern Overrides" which are essentially reusable components.
- These patterns allow for creating reusable layouts, designs, and content blocks that can be used across multiple pages.
- Patterns can be easily edited centrally, and changes will propagate to all instances where the pattern is used.
- Patterns can be nested within other patterns, allowing for complex, modular designs.

Пікірлер: 140

@ReubenHochstetler Ай бұрын

Can you add a new element to a pattern? For example, can I add a new text element or button and have it show up wherever it’s been used?

@jamiewp Ай бұрын

Great question 👍 Yup you can - here's a demo of how I add a new paragraph block to an existing pattern and then that is filtered down to each instance where it is used vimeo.com/942033332?share=copy

@ReubenHochstetler Ай бұрын

@@jamiewp Now that's amazing. Very impressive. The styles isn't impressive because that was always possible with CSS classes, but actually adding HTML elements, that's a different story 🙂.

@jamiewp Ай бұрын

@@ReubenHochstetler Yup agreed 👍

@meetakaupin6889 17 күн бұрын

😊pp😊😊😊😊@@ReubenHochstetler

@Vrtel__ Ай бұрын

This and content only/zoomed out mode will game-changing for me as a freelance block theme developer/designer. Finally I will be able to give access to clients without worrying that they break the layout.

@jamiewp Ай бұрын

Absolutely - this has so many benefits.

@SmallBizGeekUK Ай бұрын

@@jamiewp This is more like "design on rails" would you say?

@maxziebell4013 Ай бұрын

Absolutely! I advocated strongly for this feature, and it's fantastic to see it now integrated natively in WordPress (going forward).

@jamiewp Ай бұрын

Would love to hear what use cases you are particular going to use this for Max?

@maxziebell4013 Ай бұрын

@@jamiewp I am fundamentally component-oriented due to my programming background. Adhering to the principle of not repeating oneself is central to this approach, and components are instrumental in achieving it. Cwicly (sadly now defunct) championed this in the WordPress ecosystem, and other builders are now taking note. Given the corporate enthusiasm for CI, this methodology allows designers to create discrete design elements and assemble them into larger, nested structures. There's no need for guesswork… you can provide clients and their staff with a manual or a set of parts. While the block editor offers considerable flexibility, it unfortunately conflates design with content, representing a step back towards a less clear separation of concerns.

@jamiewp 14 күн бұрын

@@maxziebell4013 thanks Max - really interesting , tks 👍

@SweXperts Ай бұрын

Thanks to you, we are quick to know some really amazing updates without putting so much time to read and test the new things. Kudos to you 🙏

@jamiewp Ай бұрын

Thank you 🙏

@paullydca Ай бұрын

wow! this is amazing. Thanks for sharing. I can see this being super helpful to keep things consistent, and helpful when a client wants to change something in one area of a site so it reflects through the rest. game changer.

@jamiewp Ай бұрын

Yup exactly 👍

@Paution Ай бұрын

Thanks for the video. I knew about the Patterns update but thanks to you I discovered the Synced Pattern Instances plugin which should be in the core of WP IMO. It's perfect to keep track.

@jamiewp Ай бұрын

👍

@nick90000 Ай бұрын

to me, it's the most impressive update to Core in years

@jamiewp Ай бұрын

100% agree :)

@multioffice1997 Ай бұрын

Great update Jamie 🥳 Thanks for the great demonstration of the new functionality 👍🏻

@jamiewp Ай бұрын

Cool, thanks for watching 🙏

@Andrew-C-Witham Ай бұрын

This is so good..... it will make patterns what you might naturally hope them to be. If you take an organised approach to site design this will step change productivity.

@jamiewp Ай бұрын

Exactly right !

@HashimWarren Ай бұрын

super helpful demo. I need to shift my thinking from page templates to components

@jamiewp Ай бұрын

👍

@yvieormsby Ай бұрын

Ooh! This is the feature you mentioned in the roundup video isnt it? I cant wait to use this for CTAs - even as a new-to-WP user, I can see how this is awesome.

@jamiewp Ай бұрын

Yup it is - its going to be awesome 🤩

@CronYcK1 29 күн бұрын

please advice me, as a theme ,what is the best ? Generate press or blocksy? And i want to switch from elementor to gutenberg, but i'm between stackable and greenshift. Can you give me some directions ? Best to use or beat to have ?

@jamiewp 29 күн бұрын

What’s the project and spec?

@CronYcK1 29 күн бұрын

@@jamiewp let s say just small to mid level website, no woocomerce,

@rosycspencer Ай бұрын

That was a great summary. Yes, I think this is a great leap in progress. Flexibility is what we need in a builder.

@jamiewp Ай бұрын

Thank you 🙏 yup it makes it very flexible 👍

@realfingertrouble Ай бұрын

About time...this is what patterns/templates shiould have been when they launched. In fact when I first came across templates/patterns this is what I tried to do, and was confused as to why I couldn't edit the style across all instances. It's why I never used patterns, basically.

@jamiewp Ай бұрын

Yup it’s a great update 🚀

@nicbug4861 28 күн бұрын

does it only work with text and images or for instance also with any setting in query block?

@jamiewp 28 күн бұрын

What’s the use case you are thinking of for the query loop block?

@nicbug4861 28 күн бұрын

@@jamiewp creating a custom query block is to complicated for my clients. so i want to prepare one as a pattern and then if the customer wants to use for a different purpose like changing the taxonomy settings, this would be awesome

@jamiewp 28 күн бұрын

@@nicbug4861 cool idea 👍

@perkzofbeingben 21 күн бұрын

Super cool! When does this launch? This is one feature I've been waiting for and would love to start using it but I don't see it yet.

@jamiewp 21 күн бұрын

It's available right now if you install the Gutenberg plugin, and is slated to come into core when WordPress 6.6 is released in July.

@perkzofbeingben 21 күн бұрын

@@jamiewp awesome thanks! I'm pretty new to WordPress and have bought about getting the Gutenberg plugin, but since it's more of a beta testing ground I'm not sure. Have you ever experienced it breaking anything on your site?

@comartse Ай бұрын

Great feature to speed up production and get consistency in layout. Thanks for the reminder!

@jamiewp Ай бұрын

👍

@ViktorChuprin Ай бұрын

Awesome! Can't wait to implement it on my webnsite!

@jamiewp Ай бұрын

Me too 👍

@stuartmorley6338 28 күн бұрын

This is great. A bit like reusable blocks but having the ability to have the design reusable but the content being different. Shame they aren't trackable (yet another plugin - a bit like Find my blocks!) Great Video. Thanks Jamie.

@jamiewp 27 күн бұрын

Thanks Stu - hope all is well with you 👍

@tuulistewart5875 6 күн бұрын

Yes, you DO change how we see WP and our space for creativity. Keep going!! (naturally, subscribed and give a thumb each time when I learn a new)

@FlorentClaude Ай бұрын

Thanks for the tip, Gutenberg is getting so great! I so share your enthusiasm 🥳

@jamiewp Ай бұрын

Great to hear 👍

@dragon3602010 Ай бұрын

Awesome, is there something similar on elementor or Divi?

@jamiewp Ай бұрын

Thanks - I don't think there is, but if anyone knows for sure, please post a comment 👍

@paulroos8517 Ай бұрын

Thanks for sharing, Jamie. Have a good weekend.

@jamiewp Ай бұрын

Thanks Paul - you too 😃

@shannamiddleton1944 24 күн бұрын

I wonder why they didn't announce? I have been checking regularly... it was sopposed to be released months ago... and i couldnt find any updates... i thought they had punted it.

@stephansopin1896 25 күн бұрын

Is there an auto layout in Wordpress similar to Figma or Webflow?

@jamiewp 25 күн бұрын

Not yet, but it's a nice idea

@jaim8587 Ай бұрын

Cached page content works too?

@jamiewp Ай бұрын

Yup its no different to any other content in that regard

@DarrinRich 28 күн бұрын

Very cool. Thanks for sharing

@jamiewp 27 күн бұрын

👍

@HadeeRoslan Ай бұрын

Checking this out tonight..

@jamiewp Ай бұрын

Let me know what you think - i'm especially interested on how you will use it irl.

@aijokker Ай бұрын

Is this the same as sync and unsync patterns?

@jamiewp Ай бұрын

Nope this is new and additional functionality

@aijokker Ай бұрын

@@jamiewp but what is the difference? I think we need new video about 6.5+ wp functionality

@dinorossi6611 Ай бұрын

Are you working on a full website tutorial ?

@jamiewp Ай бұрын

Not quite yet, but it's on my list ;)

@RichardWadeUK Ай бұрын

Nice one Jamie... When patterns were announced a while back, I had a feeling it would become a key feature to watch out for.

@jamiewp Ай бұрын

Yup they seem a great way to abstract how to create maintainable websites in a CMS.

@thewebstylist Ай бұрын

Finally a great WP core update!

@jamiewp Ай бұрын

Agreed!

@montyksycki4092 Ай бұрын

THANK YOU!!! HAVE A GREAT WEEKEND!! PEACE :)

@jamiewp Ай бұрын

You too :)

@SmallBizGeekUK Ай бұрын

Don't really understand why this is new? I have synced patterns already and if I change the pattern and save it, it updates everywhere. What am I missing?

@SmallBizGeekUK Ай бұрын

Oh, are you saying that the design is being separated from content?

@jamiewp Ай бұрын

@@SmallBizGeekUK yes exactly :)

@Mafiakitty Ай бұрын

This is going to be great for allowing clients to only be able to edit certain parts.

@jamiewp Ай бұрын

Yup 👍

@graphnicmedia Ай бұрын

Hurrah! Finally! 🙌🙌

@jamiewp Ай бұрын

Yup 👍

@metasaman Ай бұрын

yes it's needed.

@jamiewp Ай бұрын

Yup for me it's vital

@metasaman Ай бұрын

@@jamiewp what I'm still missing is inserting other elements into the "components". Like either having a replaceable placeholder, or truly inserting anything anywhere inside the component. That latter is technically probably riskier to implement. A replaceable placeholder would already work in most cases.

@boudrymichel890 Ай бұрын

MERCI de votre partage

@jamiewp Ай бұрын

👍

@abdul_travelvlog 27 күн бұрын

Thank you so much

@jamiewp 27 күн бұрын

My pleasure 😇

@MartijnReintjes 10 күн бұрын

Nope, they got delayed till WP 6.6 due for July 2024. Took me 2 hours to realise why I couldn't find the button ...

@jamiewp 10 күн бұрын

Yup I explained that in the video

@MartijnReintjes 10 күн бұрын

@@jamiewp Have watched this video 4 or 5 times, but never really made it to the end so totally missed that ...

@user-nh4zb7sk8w Ай бұрын

Thanks

@jamiewp Ай бұрын

👍👍

@asafkuller383 27 күн бұрын

That remind me Symbols on Flash... (Don't I look young for my age? ).

@jamiewp 27 күн бұрын

😂

@aaronbradshaw7256 Ай бұрын

Useful for CPTs when you don’t want authors messing about with the order of components.

@jamiewp Ай бұрын

Absolutely 👍

@Wayofhidayah673 27 күн бұрын

BBC.

@BGdev305 Ай бұрын

What is a patton?

@jamiewp Ай бұрын

A pattern is a collection of Blocks

@modemlooper Ай бұрын

This is actually not available on WordPress yet

@jamiewp Ай бұрын

It’s not in core , but is available in the Gutenberg plugin (as I explained in the video 👍)

@KaiBuskirk 29 күн бұрын

bueno! danke!

@jamiewp 29 күн бұрын

👍

@visualmodo Ай бұрын

Really good content! :_)

@jamiewp 29 күн бұрын

🙏

@SveinWisnaes Ай бұрын

Is this another Gutenberg thing? For the future, could we have a special mark notifying us that it is a Gutenberg feature. Then those of us not using Gutenberg can just skip it? Seriously - there are a lot of us that are not interested in Gutenberg 🙂

@Dougster123 Ай бұрын

Terminology: Many are miss-using the term Gutneberg. I think you are talking about the "Block Editor" (a misnomer itself, because you are NOT editing blocks, but pages) not "Gutenberg", which is a plugin you can install to test the latest beta version functionality - DO NOT use the Gutenberg plugin on a production site. Cheers 👍

@jamiewp Ай бұрын

It's a WordPress thing 👍

@jamiewp Ай бұрын

@@Dougster123 It's coming into WordPress core 👍

@SveinWisnaes Ай бұрын

@@Dougster123 Gutenberg is not a plugin. It is the default editor of WP. It is part of WP.

@SveinWisnaes Ай бұрын

@@jamiewp So, if it is a WP thing, can it be used by all the other page builders out there? Or is it a Gutenberg thing?

@MarkPeters-qe4hn Ай бұрын

Subscribed to feed the cat

@jamiewp Ай бұрын

Thank you 🙏 There are actually two cats so could you ask a friend to subscribe as well please 🙏🙃😉

@amigospower Ай бұрын

Keep Going⬆️🔝🌐 #Jamie👌👍

@jamiewp Ай бұрын

I will try 🏃‍➡

@PMaillet Ай бұрын

What's the difference between that and simply making your pattern synced, or not synced?

@jamiewp Ай бұрын

You can override certain aspects of it 👍

@krishnasgeetandbhajans898 9 күн бұрын

🎉🎉🎉🎉🎉

@jamiewp 9 күн бұрын

🚀

@mohammedhamidkhan 24 күн бұрын

inaaya all bts please 😢😢

@MrDeSilva-oh9if Ай бұрын

BEAUTIFUL!!!!!!! thank you Jamie ,,, u da best!!!

@jamiewp Ай бұрын

Thank you - glad you like it :)

@franzformer3000 Ай бұрын

important post ! thank you so much

@jamiewp Ай бұрын

thanks Felix :)

@Black1991Star Ай бұрын

This is a terrible element if the developer installed this feature and did not inform the client about it... Then the content manager fixed something on another page and messed it up on all the other pages. 🥲 The developers of the WP functionality should have taken a more serious approach to the notification that this block is part of a component... Maybe draw some kind of icon...

@jamiewp Ай бұрын

In the latest version it’s much much clearer as you can’t edit the pattern in the page. It takes you back to the original pattern and makes it clear you are editing the source 👍