New Game Changing Feature Coming To WordPress - Your Page Builder Can't Do This!

No video

New Game Changing Feature Coming To WordPress - Your Page Builder Can't Do This!

Рет қаралды 35,974

WPCrafter.com WordPress For Non-Techies

Күн бұрын

This is going to be the most game changing feature to be added to WordPress in a very long time!
It is going to make websites faster and easier to build, manage, and maintain.
Most likely the page builder you are using to build websites does not offer this.
Its insane that all WordPress users will get this feature as just part of WordPress in 2 short months.
Now the feature is easy to understand if you have built a website, but it’s hard to explain.
I’ll do my best though.
Table Of Contents
00:00 - This Is a HUGE Deal
01:08 - Explanation
03:32 - Your Page Builder Doesn’t Have This
03:54 - Feature Demo
09:47 - Block Packages Can Leverage It
10:39 - The Man Himself
Link to Kevin's post geary.co/insig...
CHECK OUT MY PRODUCTS
🟡 ZipWP (AI Website Builder) -- www.wpcrafter....
🟡 SureCart (Ecommerce) -- www.wpcrafter....
🟡 SureMembers (Membership) -- www.wpcrafter....
🟡 SureTriggers (Automation) -- www.wpcrafter....
🟡 Presto Player (Video & Courses) -- www.wpcrafter....
🟡 LatePoint (Booking) -- www.wpcrafter....
🟡 CartFlows (Sales Funnels) -- www.wpcrafter....
RECOMMENDED STACK OF TOOLS (BEST OF THE BEST)
🟡 Astra (Theme) -- www.wpcrafter.... (SAVE 10% Coupon WPCRAFTER)
🟡 Spectra (Page Builder) -- www.wpcrafter....
🟡 Hostinger (Good Hosting) -- www.wpcrafter.... (SAVE 75%)
🟡 Cloudways (Premium Hosting) -- www.wpcrafter.... (SAVE 20% Coupon WPCRAFTER)
CONTACT WPCRAFTER
☑ Website -- www.wpcrafter.com
☑ Facebook Group -- / wpcrafter
☑ Twitter -- / wpcrafter
☑ Twitter -- / adampreiser
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.

Пікірлер: 174

@maxziebell4013 6 ай бұрын

I was a big advocate for this in every builder and software package I used and am very happy to see component based paradigms finally arriving in mainstream WordPress.

@WPCrafter 6 ай бұрын

It's all coming full circle.

@WPCrafter 6 ай бұрын

Also, thank you for being an advocate for things like this, bridging the gap between coding and no code tools.

@juts_sama 6 ай бұрын

@@WPCrafterthemeco cornerstone has this feature with parameters

@FernandoArbex 6 ай бұрын

Whoever built a few websites knows the huge value this brings. It's a huge deal. Very happy to see you mentioned Kevin. He's amazing guy and like you, he's elevating WordPress to a higher level. Thanks for the video Adam.

@WPCrafter 6 ай бұрын

Going to be a huge time saver.

@davidhanmer82 6 ай бұрын

I'm personally not seeing how this is a game changing feature, but if you feel as though this will help you build sites faster then that can only be a good thing I suppose.

@WPCrafter 6 ай бұрын

As I said in the video, it's quite hard to explain, but I did my best. Seasoned web creators should understand it though, as it relates to building a maintainable website. I'll have better examples as the release date gets closer.

@davidhanmer82 6 ай бұрын

@@WPCrafter I understand it (I design client websites on WP every week), and I can see some benefit, I just don't see how it's a game changer. Looking forward to seeing more videos on this though, keep up the great work 🙂

@WPCrafter 6 ай бұрын

@@davidhanmer82 Another example, but this depends on how you design websites. Many times there are similar layouts used on multiple pages, but the sit independently on these pages. For example a grid of some sort. The only thing different on these pages is the text and images (content) but the style and structure is the same. In the future, or even in the design process, the client requests that the style or structure be changed in some way. With PSP you go to the pattern, make the change to the structure or style, and it updates everywhere. You do it one time and you are done. But without PSP in this example, you have to go to each and every place you used that same layout and change it. So there is significant duplication of effort.

@jzajzz 6 ай бұрын

@@davidhanmer82it's not just about building websites but it's also about maintaining the websites and which is ideal for professional websites where changes need to be made to the website on an ongoing basis.

@HashimWarren 6 ай бұрын

Adam is right the benefit is hard to explain in a short video. That's because the best use case for this is on 1. Multi-person teams and 2. Large sites My site is not even large, but I use an unsynched pattern to share a Bible verse. After many posts I realized that the background color was too fancy, and the margins were too thin. I now have old posts that use the original pattern and new posts that have the new one. Partially synched patterns would have solved this. I predict this type of pattern will the DEFAULT pattern type. Future people on WordPress will be shocked that we worked another way

@Wesaveingold 5 ай бұрын

For experts and web developers this is great I suppose. For me who don't build's websites, but only post blog post's classic writer and no frontpage or design is still and will remain as the King.

@halbrooktechnologies 6 ай бұрын

Divi actually does have presets for modules that stores layout, settings, colors, etc. So, at least one big page builder DOES allow that.

@Mandy-rl9vc 6 ай бұрын

The thing with Divi out of the box is then yay I can do that, but want to align my blog grid or change the order of title and meta fields? Back to CSS and jQuery it is!

@WPCrafter 6 ай бұрын

Nope, not the same, not in the slightest. Divi presets are only for the individual module, not a section design with multiple modules and a set structure. So no, Divi does ont that this, not even close.

@WPCrafter 6 ай бұрын

Divi Presets is not the same, not even close to this. It's only for individual modules, not for sections designs and structure. PSP is for structure and styles for entire sections, Divi Presets is only for styles on each and every module. That is very tedious and still can't accomplish the same thing. For example, the basic example I gave, if I wanted to move the text under the image, Divi can't accomplish this. Structure and style.

@nelsonleemiller 6 ай бұрын

Divi has had this feature to have global layouts and synced styles and structure since 2015.

@WPCrafter 6 ай бұрын

@@nelsonleemiller So you are saying in Divi, I can create a section with multiple modules in it, style all of it. Then use it in multiple places with unique content, but the style and structure is global. Then go in and change the structure in one place, say move the image above the text from the example in the video, and that change propagates everywhere? I don't think you can do this, but I would gladly stand corrected.

@Andrew-C-Witham 6 ай бұрын

This is a huge step... if its for all styling... borders, drop shadows, CSS animations, box sizes... I've long thought that this is an obvious missing feature. Can't wait to try it. Thanks for the heads up

@WPCrafter 6 ай бұрын

Yea I am super pumped to have this. But don't forget, you can also change the structure of the design at a later point and that stays in sync too. This will satisfy my OCD :-).

@Dougster123 6 ай бұрын

Thanks Adam. Nice to see you and Kevin on the same page. We have been eagerly anticipating Partially-Synced-Patterns (PSPs) and hope they also make some headway in cleaning up the UI/UX. Fingers crossed. Cheers 🥂

@Dougster123 6 ай бұрын

. . . PS, I'm eagerly awaiting the integrations of AutomaticCSS and SureCart 👍

@WPCrafter 6 ай бұрын

We are making big architectural changes that would make this possible. We have to wait for WordPress to release the interactivity api which they are supposed to do in the next release along with PSP. We look forward to it.

@HashimWarren 6 ай бұрын

5:12 as of 2 days ago you no longer need to check the box to enable pattern overrides. However, block bindings and custom field experiment flag will still need to be checked

@WPCrafter 6 ай бұрын

I tested the latest version when it was in RC and when it was released, but I still have to check that box in the advanced settings. They did add more block support for headings, images, and buttons though.

@heavylowsounds8106 6 ай бұрын

It's kinda surprised that you call someone else 'biggest advocate of WordPress' (in this case, Kevin Geary). While in reality, you're one of the biggest person that many people know about WordPress. 'WordPress for Non-Techie' is the channel that many people benchmark when it comes to WordPress. But this is also great point that you highlight other perspective about this 'Blocks' feature.

@WPCrafter 6 ай бұрын

Thank you for the compliment. Kevin has been the biggest advocate specifically for creating maintainable websites. It's like his thing, and he is pushing product to make changes. I respect the dude. I would like to be more visable this year, release more videos, help more people. Thanks for the kind words :-).

@ElyssaManis 6 ай бұрын

Very cool.. I have actually avoided the Block editor as well, for the same reasons as Kevin... it'll be interesting to play with once its released!

@AndrewMcSpadden 6 ай бұрын

Can you do a performance comparison for surecart and woocomerce? Especially with high volume sites?

@Wpespresso 6 ай бұрын

Happy to see that Wordpress catching up with useful functionality, can't wait to see what they will do next, happy also to see that Kevin was mentioned :D

@wanja8461 6 ай бұрын

Cwicly has it. Even more complex. But how to build in Gutenberg with switching soneasily between part synced pattern and the used part on the page is pretty awesome. Switching in an instant.

@Vrtel__ 3 ай бұрын

Yeah, but Cwicly is discontinued.

@nickm1049 6 ай бұрын

It's a game changer. First video of yours I saw, first thought David Shuster was in the video, your voices are very similar imo

@nathanhoskins438 6 ай бұрын

Wow, super exciting feature. 🎉

@bjoernzosel 6 ай бұрын

Kevin Geary is the best!

@mohammadsobhy8212 6 ай бұрын

I personally saw it in kraft builder as components and slots .. and also in programming like in react or vuejs etc

@nicbug4861 6 ай бұрын

this reminds me of how sketch app works. it has that symbol overwrites as well

@WPCrafter 6 ай бұрын

I used to love that app.

@jmcbade2960 5 ай бұрын

I wonder how WP PSPs will compare to Gutenblocks?

@copysamurai 6 ай бұрын

I think this is definitely a long needed feature, but I also see popular builders like elementor adding this very soon as well as it's an incredibly simple option to build into their existing global sections. Either way, exited to see advancements being made to gutenberg

@WPCrafter 6 ай бұрын

Yep, I hope they all add this, or work on it. Once people start demanding the capability.

@copysamurai 6 ай бұрын

@@WPCrafter totally agreed

@JoshuaRieth 6 ай бұрын

This looks amazing! Looking forward to using it.

@lateralis 5 ай бұрын

Can't wait for Elementor Pro to add this. Won't use the Gutenberg editor, even if this feature is amazing.

@mischform_ch 6 ай бұрын

great video. may I ask you what font that is on your Elementor test page?

@WPCrafter 6 ай бұрын

It was a free Astra Starter Template for Elementor. Here is the link to it websitedemos.net/visual-artist-portfolio-02/

@alexandersebastian3360 6 ай бұрын

Just waiting on Kevin to launch a FSE theme... Gonna be a game changer.

@WPCrafter 6 ай бұрын

I bet he will.

@shannamiddleton1944 3 ай бұрын

Did this ever come out? I dont see it? we are in wp 6.53 now... I have been waiting for Bricks to release their version (I am a quickly refugee), Dying for this feature. Any news or update on Bricks release and or were partially synced patterns released yet from WP? I am thinking that the folks at Bricks may have been waiting for WP to release to piggyback... but now sure.

@SiteStudio 6 ай бұрын

Cwicly offers partially synced pattern with their components feature.

@WPCrafter 6 ай бұрын

Yup, one of the 3 I am aware of.

@ericneo2 6 ай бұрын

This sounds perfect for headers and footers.

@paulroos8517 6 ай бұрын

You can add contact forms to that.

@LudovicCharlier 6 ай бұрын

Great, but it seems not working yet with images ? Only text right ?

@WPCrafter 6 ай бұрын

If you download the latest RC, forget the version number, they have added heading, button, and image support. And some really cool visual indicators.

@breezycodes 6 ай бұрын

Components? Cool. Maybe I can start using WP again :)

@RichardWadeUK 6 ай бұрын

I'm pretty sure you can already do something similar in Bricks (and possibly DIVI)

@WPCrafter 6 ай бұрын

Not Divi, Elementor, Beaver, or any of the most used builders. There are only 3 - 4 builders that can do this, Bricks being one of them with their upcoming version that introduces components.

@KarlEmilNikka 6 ай бұрын

Thanks for yet another great video. Do you know if/when Spectra will add support for PSP? If so, it will probably replace the partially rolled out Spectra Pro feature “Globally Linked Styles”, right?

@WPCrafter 6 ай бұрын

They are already looking into it. The feature will be supported for Spectra Blocks. But they are currently evaulating what needs to happen to add support. I do think Globally Linked Styles can still serve a purpose, but I personally see myself going all in on using PSP.

@KarlEmilNikka 6 ай бұрын

@@WPCrafter Thanks for the answer!

@markuspatzer8658 6 ай бұрын

Great new information thank you ! 👍👍 I like the Gutenberg with patterns so much, but it has a downside; example you add 4 sections/patterns in your page/ then your website has different font-families and font-sizes the website looks weird. The patterns not using the themes font and font-size. So change the font in each pattern on title, header, body content is a little bit pain in the ass workflow. I wonder that the wordpress team not fixed this issue, I hope they do it soon as well.

@WPCrafter 6 ай бұрын

It should inherit the themes fonts for headings and paragraph text. Also inherit the colors.

@Statch011 6 ай бұрын

Wow, this is huge! I can’t wait.

@KaiBuskirk 6 ай бұрын

Good Looking Beard Brother!!

@WPCrafter 6 ай бұрын

Thank you. Not as BOSS as yours, but maybe one day.

@RecManGame 6 ай бұрын

Gutenberg generates unnecessary inline css code in html tag. It would be nice if they fixed this and like in spectra code css was under classes in spectra files.

@JGriffinStewart 5 ай бұрын

Curious. What do you use for your subtitles and highlighting per word?

@Simon-sly 6 ай бұрын

You did great Adam, thanks.

@collectiveunconscious3d 6 ай бұрын

Bricks builder has this in development though and will come out in some of the next releases as well.

@WPCrafter 6 ай бұрын

Is that v2 I hear chatter about?

@juts_sama 6 ай бұрын

themeco already has this.

@paolobattiloro947 6 ай бұрын

@@WPCrafter yes

@collectiveunconscious3d 6 ай бұрын

Yeah it has been on their roadmap for a while and pushed by Geary@@WPCrafter

@WPCrafter 6 ай бұрын

@@juts_sama Yes in the video I said there are a few. Cornerstone is one of those 3 I was referring to, but the product is mostly irrelevant because they have no traction and a very tiny user base unfortunately, after all these years on the market.

@captainsparky5839 3 ай бұрын

So its just the component/variant functionality thats in figma bruh.

@nicolasrosso833 6 ай бұрын

Cwicly have this feature

@WPCrafter 6 ай бұрын

Yup, they are one of the 3 - 4 that have this. Unfortunately for them though, this capability is coming to core which is a much more sustainable way to offer the feature. Maybe they will migrate if possible to core's implementation.

@joch6n 6 ай бұрын

Failed to create website CSRF token mismatch.

@Kal-el23 6 ай бұрын

Unrelated question Adam, what mic do you use?

@markjszymanski 6 ай бұрын

KG the 🐐🐐🐐

@WPCrafter 6 ай бұрын

That goes for me double :-). Thats a line in a christmas movie I watch ever year, Christmas with the Kranks.

@nelsonleemiller 6 ай бұрын

Divi has had this feature to have global layouts and synced styles and structure since 2015.

@WPCrafter 6 ай бұрын

And this video has nothing to do with global layouts which all page builders have. This is about just the style and structure being global, not the content. Divi can't do this.

@nelsonleemiller 6 ай бұрын

It is called selective sync.

@WPCrafter 6 ай бұрын

@@nelsonleemiller Does this apply to the overall structure of the design? So in the basic example in my video, if I were to move the image to be able the text? Does Divi selective sync apply to the structure of the design, not alignments, but placements of the different modules/blocks? I will go try this myself right now.

@WPCrafter 6 ай бұрын

So I just tried it, seems like the Divi style sync only applies to individual modules, not entire designed sections, whether simple or complex, comprised of multiple modules. Am I missing something? PSP is different in that it is not individual modules, its entire designs with multiple blocks. The entire structure and style of the design. So unless I am missing something, it's not the same thing.

@healthtips246 5 ай бұрын

How to show phone number in abondannt cart ?

@u-save5989 6 ай бұрын

Hmmm... why edit in each and every place? The 1st method you show [2:20] is not the one for a case if you wish to apply edits from 1 central location - i.e., editing the said template. For this, like if I want to place some specific promo and later might want to alter contents [or the link etc] the way to use Elementor is to use the template widget... simply drag it and select template... it neatly presents a link to edit it. SURPRISING, you forgot about this element. This is what I use for custom footers for landing pages, instead of bothering with theme footers and needing to go there to add LP to it I simply dd a section, call it FOOTER and drop ino it a template element and assign the particular footer section template.

@WPCrafter 6 ай бұрын

If it is a template and used individually on a page, its no longer linked to the source template. Thus, you must change things where you placed it. At the point you reference, that is when I showed you can place a template down as a linked template, where it merely is displaying the template, that still has that single source of truth. But you can have individualized content this way in the places where you put the template. This is the weakness and where the upcoming WordPress based solution is far superior.

@ChrisLucasDesigns 6 ай бұрын

Are you able to share a video on how to change a website that uses Divi to using just Wordpress / Gutenberg. Is it possible?

@WPCrafter 6 ай бұрын

I would suggest making a new upgraded website with ZipWP, which uses the block editor. It uses AI to make a website in 60 seconds. Outside of that there is no easy way to convert. You will have to recreate the site from scratch :-(.

@ChrisLucasDesigns 6 ай бұрын

@@WPCrafter thank you for your speedy reply and suggestions. I had a feeling there was no easy way to convert my site.

@Gojiyaravi 6 ай бұрын

Wow! Kevin is getting famous 😊.

@WPCrafter 6 ай бұрын

Ha, Kevin is a good guy, really passionate, a true believer in his cause. That sort of thing is magnetic.

@itchyfingersdesign 6 ай бұрын

Couldn’t agree morr

@wellnix53 6 ай бұрын

It's the same as PS Smart objects with the same advantages and disadvantages.

@vaughanprint 6 ай бұрын

It logically makes semse and it's a feature that should be in all workflows. Somebody mentioned below presets in Divi, when I thnk they meant the ability to set what's synced in a globaly saved module/section template. It's been there for years and I have used it occassionaly. It's a while since I used it so I am not aware if there are any limitations with Divi's offering. It will be interesting to see where Divi goes in the next few years, whether they addopt some of the best practice feateture that we see in the likes of Bricks. And, bricks will be implementing its components feature that is an anawer to the PSP. PSP, another achronym to rememeber.

@WPCrafter 6 ай бұрын

@vaughanprint 6 ай бұрын

@@WPCrafter I think you need to go back and read my comment again where I indicate that someone else was pointing to presets when they meant to be talking about the selective sync in Divi’s global modules/sections. Correct though, I don’t think one can move the elements around in these, independent of the global template.

@WPCrafter 6 ай бұрын

@@vaughanprint Selective sync in my testing and in the Divi documentation is only for individual modules. There is nothing special about that, many page builders already do this. PSP is creating fully designed sections, with multiple modules/blocks/whatever you want to call them, and keeps the style and structure in sync. You can't do this with Divi as selective sync only applies to individual models. With PSP you can change the style AND structure. So in the basic example I gave, I could have completely changed the structure, moved the image, moved the text, and it all syncs. You can't do this in Divi unless I am missing something. I would be happy to be shown how to do the same in Divi if it is possible.

@WPCrafter 6 ай бұрын

So here is a blog post on how to use selective sync. It seems that it only applies to individual modules, not a group of modules together. In this post, I don't see how you can change the structure and have it sync. For example, put the CTA block above the image. The power of PSP is the grouping of blocks to create a design where the style and structure stay in sync, better known as a component. I don't see how this can be done in Divi unless I am missing something. www.elegantthemes.com/blog/divi-resources/how-to-use-divis-selective-sync-to-customize-your-entire-grid-layout-with-a-few-clicks

@vaughanprint 6 ай бұрын

@@WPCrafter you’re absolutely right. The selective sync only works on the module level. When they initially introduced selective sync it was far more flexible but soon after they changed this to make it more restrictive. I think there were technical issues with the original and, it was never flexible to the extent where one could move modules around within the whole section/row/column structure, independent of the original global template. It’s a long while since I used this feature, so matching it’s functionality to what PSPs will afford is a bit sketchy in my mind. I must give the old Gutenburg plug-in a spin to see them in action. It will be interesting to see what components in Bricks does in comparison. A testing time for older builders with the new kids on the block…

@stephenbrocklehurst8076 6 ай бұрын

Will this work in Kadence. I became a big fan of Kadence after seeing your video

@guptam 5 ай бұрын

Available in Divi

@WPCrafter 5 ай бұрын

Nope it’s not. See the comments here. Divi doesn’t have it.

@visualmodo 6 ай бұрын

Truly good content =DD

@tracedef 6 ай бұрын

Still not enough for me to even consider Guttenberg, tbh.

@markpeters2254 6 ай бұрын

Thanks for this update, I think I can remove the turd from Guten now.

@WPCrafter 6 ай бұрын

Haha

@StephenTOS 5 ай бұрын

Wordpress slowly making it into the 21st century...

@GrantAmbrose 6 ай бұрын

ooooo very cool!

@WPCrafter 6 ай бұрын

Now here is the guy I should have asked to help me explain it :-). Hey buddy, hope life is treating you well.

@zughbor 6 ай бұрын

Hi Adam, can you make a video about ai tools that Automate design creation or helping to doing so, may you have something interesting in this topic!? I'm a big fan of Ai And I'm using a lot of WordPress plugins but kind of backend work More than theme and style, I don't know if there is something will change how we design sites with Ai revolution

@WPCrafter 6 ай бұрын

Yes. Have you checked out ZipWP.com? You can get a free account and start making websites with AI in seconds. I am the co-founder and we have lots of exciting things coming.

@anthonyrude 6 ай бұрын

Doesn't thrive themes do this?

@WPCrafter 6 ай бұрын

They most likely have some form of style presets on the module level, but not at the larger section level that syncs structure and styles.

@lemonroti1 6 ай бұрын

Is this just something almost the same as the divi library shortcode? 😂

@WPCrafter 6 ай бұрын

Nope.

@BluePantherGraphics 6 ай бұрын

sweet

@dennis-krijgsman 6 ай бұрын

Breakdance does that

@WPCrafter 6 ай бұрын

They have components like this? Visually build, not coded?

@ExtaTer 6 ай бұрын

Wordpress should work on its horrible native Gutenberg editor, instead of offering shiny objects features that most people will not care about. How about a simple copy and paste of a section/container from one page to another?

@WPCrafter 6 ай бұрын

They have had that capability, to copy/past to other pages, other websites, for about 6 years now.

@anaf4072 5 ай бұрын

Kadence had this for years.

@WPCrafter 5 ай бұрын

Kadence has never had this. And currently doesn’t have this.

@UpperValleyWeb 2 ай бұрын

Kadence cloud can be used for templates but you aren't going to sync them backwards. You develop it just as you want it in cloud then sync a page section to that library with an access key and then edit how you want. But if you want to make a change in the library you have to change the original I believe. I think this is a subtle difference. I am wondering if someone would accidentally change a pattern without meaning to though in PSP. I love Kadence. Have you left it completely for Spectra? (Yes I also like Spectra).