The Holy Grail of Client Editing in Bricks? Introducing GutenBricks

  Рет қаралды 11,085

Dave Foy

Dave Foy

Күн бұрын

Пікірлер: 165
@DaveFoy
@DaveFoy 9 ай бұрын
TIP! Avoid all the clicky-clicky backwards and forwards when editing templates by installing Sridhar Katakam's free Bricks Navigator plugin: wordpress.org/plugins/brickslabs-bricks-navigator/ And don't forget: take my FREE Bricks masterclass to learn the real key to faster builds, effortless future maintenance, and more profitable projects: davefoy.link/bricks-masterclass
@korova-moo
@korova-moo 9 ай бұрын
100% - I use the Navigator plugin on every build, it's an essential add-on! Especially as you can choose to display the admin bar in the builder so you can go off to pages or templates quickly.
@WiredWP
@WiredWP 9 ай бұрын
Ryan here, big thanks to Dave for the video featuring our plugin! I just want to say that Dave not only gave us valuable feedback but also pointed out issues and bugs and then fixed them for us.
@DaveFoy
@DaveFoy 9 ай бұрын
Ryan, it's been a pleasure testing GutenBricks and working with you and the rest of the group to help improve this even further. I wish all devs were like you.
9 ай бұрын
@@DaveFoy @WiredWP Looking good so far. Thinking about giving it a shot. What about icons? In Daves example of the Frames Pricing section (I use ACSS/Frames myself) there are Icons at the top. I usually just use SVGs from my media. Can the customer change those too? Also is there a way to disable gutenberg default patterns and Gutenberg default blocks? Its usually a pain in the *** to get most of the gutenberg default blocks to look any good on the frontend.
@chelofonte
@chelofonte 9 ай бұрын
@ I'm second on this questions!
@DaveFoy
@DaveFoy 9 ай бұрын
Haven’t tested the icons, honestly. Not at my computer right now. But there’s a setting in GutenBricks to disable all Gutenberg blocks in one go. I didn’t show it in the video.
@lmsbolt
@lmsbolt 9 ай бұрын
Awesome Tool! cant wait to use it with my client sites!!!
@Gearyco
@Gearyco 9 ай бұрын
This looks really dope. We can make the clickable-parent class not apply inside Gutenberg canvas. We already did that for Bricks and Oxygen -- I'll add Gutenberg to the list.
@DaveFoy
@DaveFoy 9 ай бұрын
Nice one man.
@MarkDendy
@MarkDendy 9 ай бұрын
Nice one Kevin, I was hoping you saw that clickable parent conflict in the Gutenberg editor. You're all over it 👍
@WiredWP
@WiredWP 9 ай бұрын
That's awesome!!!
@stacey_watson
@stacey_watson 9 ай бұрын
100% this is the Holy Grail of Client Editing in Bricks. I've been testing Gutenbricks out on a few projects since it came out and it's a game-changer. I finally feel like my tech stack is complete with: Bricks Builder, Automatic CSS, Frames and GutenBricks. Great video, Dave!
@DaveFoy
@DaveFoy 9 ай бұрын
Excellent! 🙌
@rudyhanusek424
@rudyhanusek424 8 ай бұрын
i would add Metabox bro
@samwhite7411
@samwhite7411 9 ай бұрын
Fantastic I picked up the agency license as i have no impulse control 😅this will make life so much easier for my clients and myself
@DaveFoy
@DaveFoy 9 ай бұрын
😂 Enjoy!
@markpeters2254
@markpeters2254 8 ай бұрын
impulse control is such an overrated virtue
@philipgebhardt3453
@philipgebhardt3453 9 ай бұрын
This is amazing! While Bricks is a totally professional tool, I always had misgivings about the scenario when you hand off the sites to clients who want to make their own changes to the site. Bricks is really a developer's tool, not really for clients to use - so now this plugin has pretty well totally solved that problem-brilliant!
@DaveFoy
@DaveFoy 9 ай бұрын
Great isn’t it?! Exactly what was missing.
@johnpixle
@johnpixle 9 ай бұрын
Somehow I feel I like Gutenberg a bit more after this video, the plugin is looking great. Thanks my friend, top work as always 👍
@DaveFoy
@DaveFoy 9 ай бұрын
Glad you like it! I've spoken to a few people making custom blocks for clients, which made the value of Gutenberg 'click' for me. This plugin allows us to do the same, but use an enjoyable builder to actually build the website.
@RobSaville
@RobSaville 9 ай бұрын
Awesome video as always Dave. After the first half, I’d already purchased my GutenBricks licenses. Genuinely excited to see where this plugin goes from here. The power of using Bricks to develop Gutenberg blocks… love it!
@DaveFoy
@DaveFoy 9 ай бұрын
Nice one Rob!
@cadavenue
@cadavenue 9 ай бұрын
Cheers, Dave, hope all is great with you - this really unleashes a lot of possibilities. I'll have to try it out soon.
@DaveFoy
@DaveFoy 9 ай бұрын
Nice one Erik! Yes, exciting times.
@buntuscainte4987
@buntuscainte4987 9 ай бұрын
Another great Video Dave. Thank you.
@DaveFoy
@DaveFoy 9 ай бұрын
Glad you enjoyed it!
@bluefuzecom
@bluefuzecom 9 ай бұрын
This is fantastic. Also, Dave does such amazingly well done tutorial vids.
@DaveFoy
@DaveFoy 9 ай бұрын
Why thank you 🙏🏼
@michaelahanti9189
@michaelahanti9189 9 ай бұрын
Perfect timing Dave. I was thinking about this one this morning, and up pops your video
@lmsbolt
@lmsbolt 9 ай бұрын
🤯 I already was excited to have Core Framework in gutenberg. I was working on this with ACF blocks, but this is a true gamechanger for me...thank you for turning me on to this. Picked it up.
@DaveFoy
@DaveFoy 9 ай бұрын
Yes! Glad you like it.
@videovoyages
@videovoyages 9 ай бұрын
Purchased, thank you for the recommendation, Dave. Looks very promising indeed, assuming it will run smoothly in the long run.
@rewiredweb
@rewiredweb 9 ай бұрын
Thanks Dave, I've just purchased the developer version from the link. Nice to have this in my toolbox, now let's see where this goes.
@DaveFoy
@DaveFoy 9 ай бұрын
Yes! 🙌
@niftycommerce
@niftycommerce 9 ай бұрын
You're such a great teacher Dave. The flow and quality of your content is excellent. I'm going to recommend your course to a friend of mine who is just getting into Web Design as I'm absolutely sure, without a doubt, this will be the best course for a beginner, the flow, the pacing, the recaps, it's all just perfect man.
@DaveFoy
@DaveFoy 9 ай бұрын
Thanks for this, Simon. Proper warmed my heart has that!
@niftycommerce
@niftycommerce 9 ай бұрын
@@DaveFoy Seriously dude it's been a while since I've watched any of your content / tutorials but now you're back into Bricks I guess I'll be seeing you more often. I've mainly been trying to level up my CSS so I've been on a Kevin Powell buzz and AT tutorials. But seeing that GutenBricks lesson reminds me like.. damn.. you're such a great teacher. So much so that a professional like me, or even my friend who's just getting started, would very easily be able to work with your style of teaching. Love it man. Glad it warms your heart. Sending you much love always Dave.
@DaveFoy
@DaveFoy 9 ай бұрын
Back atcha brother. x
@paveljanovec1094
@paveljanovec1094 9 ай бұрын
Wow, this is exactly what I needed for my clients... Not only is your Bricks course the best of, but this is truly the holy grail... Thanks for the tip and the headaches of client questions disappearing.. 😆
@DaveFoy
@DaveFoy 9 ай бұрын
Excellent! Thank you Pavel 🙏🏼
@mickt24
@mickt24 9 ай бұрын
Fantastic! Thanks so much for this video - I wouldn't have known about it otherwise. Just purchased developer - I can see how useful this is going to be.
@DaveFoy
@DaveFoy 9 ай бұрын
Glad it was helpful!
@nancycauwels4967
@nancycauwels4967 6 ай бұрын
This is EXACTLY what I was looking for... thank you ever so much, Dave! 🤩
@nancycauwels4967
@nancycauwels4967 6 ай бұрын
IF ONLY Gutenberg's UI wasn't so - ummm - clunky and hideous, I'd say this is near perfect. Can't have it all, I suppose!
@DaveFoy
@DaveFoy 6 ай бұрын
You're very welcome! And yeah - shame it means we still have to use that godawful Gutenberg UI. 🥴
@leejacksondev
@leejacksondev 9 ай бұрын
Well this was an easy purchase! JUST what I need!
@DaveFoy
@DaveFoy 9 ай бұрын
Nice! Thanks mate. 🙏🏼
@drkskwlkr
@drkskwlkr 9 ай бұрын
8:20 I have a (probably, silly) question about the use of Frames in the context of this video: are we required to bundle a Frames license with the WP instance we deliver to a customer, or will GutenBricks package the Frames design into its own when creating custom blocks? (My question is strictly about Frames designs; I understand Frames components do need an active Frames license to work.) Thanks to Dave for this great video 🙏🏻 it has convinced me to encourage the development of the GutenBricks project by purchasing a license. Kudos to Ryan of @WiredWP for making this tool ❤
@DaveFoy
@DaveFoy 9 ай бұрын
For a definitive answer you'd have to ask the Frames guys. But I highly doubt it. Your Frames license allows you to use their templates in your site. All* GutenBricks is doing is pulling in the content of a Bricks template, whatever happens to be in it. * (I say "all GutenBricks is doing... like it's easy 😂)
@eightysevenweb
@eightysevenweb 9 ай бұрын
You need an active Frames license to add any new Frames to your site. Ones the Frame is added, you will continue to have access to edit it, but if the license is deactivated, you will loose access to add new Frames and all Frames components will no longer work. Hope that helps!
@DraXkor
@DraXkor 9 ай бұрын
Awesome video as always Dave! Great little tool, gonna buy that for sure.
@DaveFoy
@DaveFoy 9 ай бұрын
Nice 🙌
@OceanLlamaMedia
@OceanLlamaMedia 8 ай бұрын
Video Timecode and Abbreviated Steps (Haven't followed through these steps personally, will update instructions mid to late next week so this makes more sense.) 0:00 Intro 3:08 Pricing 3:40 Wordpress Plugins Installed 4:15 Template Setup 5:38 GutenBricks Overview 6:09 Create New Bricks Template for New Block On Wordpress Dashboard click "Bricks" - Templates - Add New - Give Template a Name(In this case it's called "CTA1") - On Right of Screen Click "Template Type" - "Choose GutenBricks - Block" - Click "Publish" 7:05 Settings To Give Client Notes For the GuttenBrick You Create 7:48 Edit the Template with Bricks Go To Templates in Bricks Editor - Import premade template if you have a library installed. Save 8:15 Showing the Bricks Section That Will Be Turned Into A Block End of Part 01 8:55 Step 02 - How the Client Will Use Block in Block Editor Go back to Dashboard 9:10 Setup Bricks Icon in the Upper Left Corner of the builder so that clicking it takes you to the dashboard. In the Dashboard - Click Bricks - Settings - Builder - Toolbar Logo Link - Choose what you want the Bricks logo in the builder will take you. 9:23 Editing the Post. In the Dashboard - Posts - Add New Post or Edit existing one. 9:35 Inserting a Block in the Post. In the post body - forward slash "/" then start typing in the name of the block. (In this case "/CTA1". Refer Back to 7:35 in the video to see why it's named this.) 9:50 Editing the Block Text in the Post 10:04 How to Edit Links in the Block Upper Right Corner of Screen click "Square Button with SideBar Icon" New Menu Will Pop Up On Right Of Post Editor. Can Edit Box with "Button Link" 10:31 Preview the Post Upper Right Corner of the Screen Click "Update". Click Preview (Button just to the left of "Update" looks like a box with an arrow coming out of it) 10:45 Update the Formatting of the Block in the Template Go Back to the Dashboard - Bricks - Templates - "CTA1" Template, Click "Edit with Bricks" 11:04 Steps to Update the Formatting of the Block in the Builder Changing Margin Top - Changing the Heading Level - Changing the Button Style - Changing the PlaceHolder Title the Client Sees - Changing the Background Color 12:19 Save the Updated Formatting and Preview Changes Click Save Icon in the Upper Right of the Builder Screen. Click Bricks Icon in Upper Left of the Builder Screen to go Back to the Dashboard. On the Dashboard - Posts - All Posts - View. Verify Updated Formating Worked. 12:35 Explaining Why GutenBricks is so Powerful for Clients and Yourself Another Example 13:25 Creating Another Block Dashboard - Bricks - Templates - Add New - Name it "CTA2" - Template Type - "GutenBricks - Block" - Publish - Edit With Bricks 13:50 Edit Content for "CTA2" Block Add Prebuilt Template in Template Folder From Purchased Template Library 14:10 Converting the Section Into A Block Right Click Top Level Section in the "Structure" Panel and convert the Section into A Block 14:34 Styling The Block 15:20 Save and Preview Click Save Icon in Upper Right of Builder Screen - Click Bricks Icon in Upper Left of Screen Wordpress Dashboard - Posts - Edit the Post that you were working on Previously 15:30 Inserting the New Block In the Post Click Where You Want the Block to Go. Hit Enter. Click the Plus Menu In the Upper Left of the Screen. Click on the "CTA2" Block (looks like a paper clip Icon) Close Out of This Menu - "X" Icon Next to Wordpress Icon. 15:43 Edit the Block Text In the Post and the Button Link 16:02 Update the Post and Preview Click "Update" in Upper Right of Screen - Click Preview Button to Left of "Update" 16:30 Fix Issues with Blocks Dashboard - Bricks - Templates - Click "CTA1" or "CTA2" then "Edit with Bricks" Make Changes in the Builder then Save. Back to the Dashboard - Templates - Fix "CTA2" - "Edit with Bricks" Make Changes in the Builder then Save. 17:15 Check the Post With Updated Templates Back to Dashboard - Posts - All Posts - Click on Your Post 17:38 Inserting An Image in the Image Element in the Block Click on the Image Icon - Media Library Will Pop Up - Choose Your Image - Click "Use This File" in Lower Right of Screen Click "Update" in Upper Right of Post Screen Click preview Icon to the Left of "Update" button 18:07 Showing More Examples of GutenBricks Possibilities 20:00 Gutenberg Pattern Intro 22:55 Explaining How This Used to Only Be Possible With Coding Looks like when NASA remade their site they had coders create blocks like we can now make on our own with GutenBricks wptavern.com/why-nasa-chose-wordpress-for-revamping-its-flagship-website 23:45 Difference Between Blocks and Patterns 24:28 Creating a Gutenberg Pattern Or Block with Template Bundles 24:39 Disabling the Default Bundle and Creating Two New Template Bundles
@EduwareIzekor
@EduwareIzekor 9 ай бұрын
Gutenbricks is pretty good.
@EduwareIzekor
@EduwareIzekor 9 ай бұрын
By the way for the clickable parent example, you could set the sibling containers to position relative to elevate them above the clickable parent. The card will still be clickable on the areas outside of the sibing elements. I'm just thinking that it might get be a but weird. But it's a possible solution.
@alexvasquez4697
@alexvasquez4697 9 ай бұрын
So, this looks REALLY interesting. I've been waiting for something like this. We use Block Studio or Native Blocks currently. The one thing that I'm nitpicking here is that spacing or other values you might set for these blocks has a UI that is different from the core block editing experience with the little black popup palette or whatever. I'd rather see the interaction be the same for these block elements from Gutenbricks as what you see for core blocks. Still, worth keeping an eye on.
@DaveFoy
@DaveFoy 9 ай бұрын
Absolutely. Although maybe you wouldn't want a client messing with spacing etc? Definitely worth watching, Alex. This isn't even v1.0 yet.
@BK-qx3qf
@BK-qx3qf 9 ай бұрын
Would like to have option to add margin / padding at least on a side as gutenberg features. That is something I usually allow clients to have anyway, since its kinda important. This way we have to go through ACF fields, when gutenberg already provides nice UI / UX for paddings / margins. Other than that, this looks promising. Took Agency license, lets see where it goes. Cheers!
@DaveFoy
@DaveFoy 9 ай бұрын
Personally, I wouldn't want to give your average non-designer client access to design features like that, especially if my design is using a framework which controls spacing fluidly responsive, consistently across the site. That's a surefire way to mess with a design. But yeah - worth an agency license for sure! Glad you like. :)
@JohnnyAnthonWichmann
@JohnnyAnthonWichmann 9 ай бұрын
So great, @DesignBuildWeb !! I have dreamt about this sooo long. Do you think ACSS wiil do something similar like that in the future?
@DaveFoy
@DaveFoy 9 ай бұрын
I doubt it. Bricks will though at some point. Their new components feature coming soon is very similar (master design, content can be changed per instance), but not integrated with Gutenberg. I'm told Gutenberg integration of their own components is on their roadmap, but not in the foreseeable future.
@toby-green
@toby-green 9 ай бұрын
Looks great. I use ACF on pretty much every project. Client editing then happens back end via a stripped down admin panel. I like the look of (what appears to be?) front end editing. How would this work with content rendered via a loop? eg. An ACF repeater or custom post content? Would editing still have to happen traditionally via back end (or via a form linked to post content)?
@DaveFoy
@DaveFoy 9 ай бұрын
If your loop is in the Bricks template for the block, that loop content is dynamically displayed as you’d expect, but the client can’t edit that. They can only edit any static content like in a rich text element or heading or image.
@toby-green
@toby-green 7 ай бұрын
@@DaveFoy Looking at this again with a view to a purchase today. 2 questions - 1. RE: your answer above - presumably we can still have ACF custom fields on the post where the blocks will be used? 2. If I want total styling control can I switch off native Gutenberg blocks so the client only has access to blocks I have created with GutenBricks?
@JustinWilliams-g3c
@JustinWilliams-g3c 9 ай бұрын
Cool! If you create a block and a customer changes content do those content changes carry back into the bricks editor should I need to update the design or another change that comes after the original block was created? Oxygen had something like this but it only worked in one direction making it very limited I'm wondering if Gutenbricks is the same. Thanks Dave
@DaveFoy
@DaveFoy 9 ай бұрын
No their content changes don’t carry back. The placeholder content you have in your template always remains the same. The customer might apply the same block 1000 times in 1000 posts and change the content in the post every time. But the content in your template doesn’t change. If you change the placeholder content, that doesn’t change any of their existing content either. But, the next new instance of the block they add will start with the new content instead.
@MarkDendy
@MarkDendy 9 ай бұрын
Excellent video Dave! This is truly a game changer and bridges the gap between Bricks and the Block editor without the need for learning React. I've been using the ACF flexible content with Bricks custom sections then setting the acf_row_layout condition to get similar functionality. Is there a way to filter which native blocks and patterns are shown to the client inside the Gutenberg canvas with Gutenbricks? For example, I can envisage the need to show only a handful of the native Gutenburg blocks, remove the native patterns then show all of my custom blocks and patterns.
@MarkDendy
@MarkDendy 9 ай бұрын
Ok, I've just seen that all native blocks and patterns can be turned off inside the Gutenbricks settings but it would be nice to have the ability to show/hide the native blocks/patterns on an individual basis. I'll purchase this as I see huge potential but won't be able to switch from the ACF flexible content implementation until they introduce more ACF fields like the Repeater and button groups.
@DaveFoy
@DaveFoy 9 ай бұрын
Thanks Mark, glad you liked the video. Yes, you can turn all the native blocks off, but right now no way to filter or limit which Gutenberg or GutenBricks blocks are shown (I assume you mean per post type, that kind of thing?) I think it's a big feature request though.
@vaughanprint
@vaughanprint 9 ай бұрын
Yes, just like components and you’ve seen it right here, before Bricks or Gutenburg get their versions out the door. In terms of interoperability, which has never been in the purview of the Gutenberg project when it comes to third party page builders, I have always thought that affording page builders the capability to build these components for the block editor would have made logical sense. I would like to have seen this baked into Bricks itself.
@noraholmquist8231
@noraholmquist8231 9 ай бұрын
Apparently it is on their roadmap. There are a few iterations of filters and components to go through first.
@DaveFoy
@DaveFoy 9 ай бұрын
Yes, it'll come in Bricks at some point. Seems logical once Bricks components are live. But, we're told that Gutenberg integration with Bricks components won't be anytime soon. The GutenBricks dev has been liaising with the Bricks team.
@korova-moo
@korova-moo 9 ай бұрын
Are you able to make the blocks/patterns full width? Is that something you do separately in Gutenberg?
@DaveFoy
@DaveFoy 9 ай бұрын
If you want them full width on the front end, you'd make your dynamic template full width (the template you use to display posts). Then I think the way to handle that would be to make blocks that are each wrapped in sections, which always stretch the full width of the page. If you wanted some blocks full width and some not... hmm. If you use ACSS they have a new content grid feature that allows you to easily make blocks a variety of different widths, rather than all constrained by a fixed width container.
@IvoPoetzsch
@IvoPoetzsch 9 ай бұрын
A truly fantastic system! The only thing I ask myself is - to what extent might the whole thing become obsolete when Bricks releases the component functionality? I mean - I mostly buy full LTDs (unlimited sites) - but I might be annoyed in a few weeks if Bricks did the same with their components
@DaveFoy
@DaveFoy 9 ай бұрын
I'm reliably informed that native Bricks components won't integrate with Gutenberg, at least not yet. They have it as a future idea, but not any time soon.
@DaveFoy
@DaveFoy 9 ай бұрын
Obviously I can't be 100% sure of that! Just repeating what I was told by a member of the Bricks dev team.
@IvoPoetzsch
@IvoPoetzsch 9 ай бұрын
@@DaveFoy good to hear that...just getted the Ultimate ;)
@tyesbo
@tyesbo 8 ай бұрын
Hey Dave, in the pricing section, what if the client wants to add 3 extra bullet points to box number 2 and 5 extra bullet points to box number 3, how would that work from the gutenberg editor?
@emadhosen
@emadhosen 9 ай бұрын
Thanks Dave. Yes this is an absolute game-changer tool. I have always been wondering if I could add bricks built templates to the Block Editor but I have found the answer now. Oh, by the way, I really like your way of promising you would demonstrate something in the begging of your videos and then viola 🎉 you keep the promise later in the videos. I feel relax honestly when you say this “I promise” knowing for sure you’d promise. KEEP IT UP. Thanks one more time Dave. I strongly recommend your course for anyone interested to learn how to build websites with Bricks Builder.
@DaveFoy
@DaveFoy 9 ай бұрын
Thank you! That's lovely to hear!
@brockdinbarr
@brockdinbarr 3 ай бұрын
What happens when clients want to edit elements on the page? Do they have to use bricks then or would you have to build your pages out using Gutenberg and a whole bunch of Gutenbricks templates?
@DaveFoy
@DaveFoy Ай бұрын
If it's a standalone page then you could either give them access to the Bricks editor, with editing locked down for clients. Or, you could build out the pages in Gutenberg with GutenBricks templates, yes. That way, you'd build a library of components that the client can use and that you control centrally.
@francoisgonin4176
@francoisgonin4176 9 ай бұрын
Hi Dave, thanks a lot for this video, very helpful so we already know the basics of it. May I ask one question: I can't find the explanations about the template type 'GutenBricks - Block Page' in your video. Did you forget it? 🙂
@DaveFoy
@DaveFoy 9 ай бұрын
Ha haaa, yes. I got to a point where I just wanted the video live and couldn’t face covering any more. 😂 You can create multiple page templates set as ‘GutenBricks - Block Page’ and they’ll be there as a dropdown in the editor to allow your client to switch between multiple page layouts.
@francoisgonin4176
@francoisgonin4176 9 ай бұрын
aah ok, thank you very much 🙏
@pasztorviktor9287
@pasztorviktor9287 9 ай бұрын
Does it also has Metabox integration or only with ACF?
@DaveFoy
@DaveFoy 9 ай бұрын
Yes I think Metabox is supported. I don’t use it so best to ask the dev for sure.
@drkskwlkr
@drkskwlkr 9 ай бұрын
12:40 and 28:00 Another question has popped. Does (or will) GutenBlocks offer the ability to change elements of the design via the block parameters (e.g. choose H-tag markup between H2 and H6 for the title)? Obviously we can make several different blocks to do that but this will be inconvenient for some designs that will only differ by one feature such as the H level I write about).
@DaveFoy
@DaveFoy 9 ай бұрын
The answer is no, you can't change any elements of the design within a post. That's intentional, I guess. If you'd need that feature it's definitely worth dropping the idea past Ryan, the dev. 👍
@ocratest
@ocratest 9 ай бұрын
This is pretty damn epic. Other than the points you made, it could save you tons of time and add allot of flexibility by replacing many ACF fields. No need to condition the heck out of ACF fields, just tell the client if you need this content just add the block. My only reservation is that I'm curious to what bricks native components will have... "The FOMO strong it is".
@DaveFoy
@DaveFoy 9 ай бұрын
I'm reliably informed that a native Brick components integration with Gutenberg is definitely on the table at some point, but not in the foreseeable future.
@ocratest
@ocratest 9 ай бұрын
I couldn't resist. Got the Developer LTD - can't wait to play around with it. Thanks for the tip! @@DaveFoy
@bjoernzosel
@bjoernzosel 9 ай бұрын
Is it possible to create a block for product loop? Can the customer change the loop?
@DaveFoy
@DaveFoy 9 ай бұрын
Sorry for the late reply. I haven't tested products specifically (I don't use Woo, for example), but yes, query loops in a GutenBricks template work. Client can't edit the loop parameters, also can't edit any dynamic content pulled in by the loop (e.g. post titles).
@AnthonyTilahun
@AnthonyTilahun 9 ай бұрын
yes,Yes, YEs, YES! Did I mention YES!!!!!!!!
@LastKingOfAtlantis
@LastKingOfAtlantis 9 ай бұрын
Really interesting- thanks for the explainer. I’ve heard lots about the increasing “power” of Gutenberg but never got how it would work until seeing this. One thing though, is it possible to access dynamic data through this method? So hooking pricing tables up to CPT information for example? Is that something that could ever be done with Gutenberg?
@DaveFoy
@DaveFoy 9 ай бұрын
I'm the same. I've only really viewed the block editor as being a terrible way to build a website till recently. I've spoken to a few devs building carefully designed custom blocks for clients to use and think that's a great idea, but they all build in React, which is certainly out of my reach. This is a great solution. Not sure about dynamic data in these blocks. One to ask Ryan, the developer.
@LastKingOfAtlantis
@LastKingOfAtlantis 9 ай бұрын
@@DaveFoy thanks buddy :)
@chriswagoner3316
@chriswagoner3316 3 ай бұрын
Does this reconcile with shared templates? If I am sharing my templates out, they can be pulled into Bricks, but how would I share the blocks? 😵‍💫
@1anchit
@1anchit 8 ай бұрын
Where do you guys find clients? I have done basic blog or portflio websites, 1 ecommerce website for myself. I tried fiverr, didnt work. Wondering if i would ever find clients decent enough to pay and needing to edit this way.
@LudovicCharlier
@LudovicCharlier 9 ай бұрын
Nice, great video. Is there a simple way to disable all default gutenberg blocks and patterns?
@DaveFoy
@DaveFoy 9 ай бұрын
Yes! You can do that in the plugin settings. One of the things I didn't show in the video. :)
@LudovicCharlier
@LudovicCharlier 9 ай бұрын
@@DaveFoy thank you Dave
@pedropixel
@pedropixel 9 ай бұрын
Es posible exportar los blocks a otro sitio web?
@DaveFoy
@DaveFoy 9 ай бұрын
Interesante pregunta. No sé. Puedes exportar plantillas de Bricks, así que no veo por qué no. Pero no lo he probado.
@DaveFoy
@DaveFoy 9 ай бұрын
Gracias Google Translate por mi pésimo español. 😂
@paulburgess4954
@paulburgess4954 9 ай бұрын
@@DaveFoy lol I understood the question but answering it would have been a different ball game.
@ricotoet8707
@ricotoet8707 3 ай бұрын
But can I make the padding/margin also editable in the gutenburg blocks?
@DaveFoy
@DaveFoy Ай бұрын
I don't think so. Why would you want to? If you did, I think you'd have to create pre-set options to choose from.
@ricotoet8707
@ricotoet8707 Ай бұрын
@@DaveFoy Thanks for the reply. I already achieved it with custom code, now we can select 0-100 margin top and bottom per section/block inside gutenberg. The reason we want this is because sometimes you have 2 sections with a background image stacked and you dont want a white gap between em. If you removed that white gap you will have the issue when stacking non-bg blocks for example. Now we and the the client have more control, but it still doesn't give full control till a point where the client could break the design.
@DaveFoy
@DaveFoy Ай бұрын
@@ricotoet8707 Sounds great!
@JUMPBALL_BASKETBALL
@JUMPBALL_BASKETBALL 3 ай бұрын
Good evening, dear developers. I always have a great pleasure to learn from you. Especially, I am interested in Crocoblock together with Bricks Builder. I am very stuck on one problem. If I may, here is my problem: I have two CPTs on my site created with Jet Enjine. 1. Team 2. Player Between them there is a link - many to many which has Meta field - season (Season in which the player was in the team) That is, linking the player to different teams, I am linked to the season (season is created through - glossary). Basically, I want to achieve the following: 1. In the profile of the team to display a filter where users will be able to look at the composition of the team for different seasons (when loading the page should be active current season - for example 2024-2025) Then in the selector can select other seasons and look at the composition of the team of previous years. 2. In the profile of a player, I want to display - his career (as an example, a list or table containing the following data in a row: Team Logo, team name, season to which this team is linked. For me, this is a very difficult but important task! I will be very grateful for any help! I think it will be an interesting challenge for you and entertaining content for subscribers. Thank you, and I hope for a reply.
@sophiemulders
@sophiemulders 8 ай бұрын
would be awesome if you could deactivate standard gutenberg blocks and patterns ( or some of them), clients will make a mess if they choose everything mixed.
@DaveFoy
@DaveFoy 8 ай бұрын
You can. :) There's a setting for it.
@sophiemulders
@sophiemulders 8 ай бұрын
@@DaveFoy holy 💩🤩
@dovber
@dovber 9 ай бұрын
cant we do that with shortcodes from the bricks templates?
@DaveFoy
@DaveFoy 9 ай бұрын
No. Shortcodes aren't rendered in the block editor. And clients can't edit the content. And it's a clunky AF process all round.
@christianschneiderphoto
@christianschneiderphoto 7 ай бұрын
Just bought in fresh wp, fresh bricks install, made a block, and it doesnt show up among the blocks. I'm not suprised since this is the case with 99% av all addons, always. I have emailed the support of course, but this is a real turn of and a warning sign to future versions of bricks and this plugin, it will likely break everything. But I'll hold my thumbs that it will be stable.
@DaveFoy
@DaveFoy 7 ай бұрын
It does work. You just have to make sure your settings are set properly to show the block in the block editor. The best way is, when you create your first block, create a template bundle (call it something like GutenBricks Blocks), and assign the block to it. Then in GutenBricks settings, check the box to use that bundle for Blocks. Now in the block editor you should see the block there.
@AyDeeSandra
@AyDeeSandra 9 ай бұрын
This is similar to the Oxygen-Gutenberg add-on, Yes?
@DaveFoy
@DaveFoy 9 ай бұрын
I’ve no idea. Never used Oxygen.
@peter_quentin
@peter_quentin 6 ай бұрын
Yes it is.
@dameerdj5403
@dameerdj5403 8 ай бұрын
If I got this right... one will need a license of Bricks Builder, and a license of GutenBricks to be able to feed a Gutenberg Blocks based WP theme (with blocks and/or patterns). So, how does that prevent clients from changing design? I mean, GutenBricks looks cool but if you can't export blocks/patterns made with it, and in order to ditch Bricks Builder from the game, what's the point?! Is there anyone willing to elaborate? Cheers!
@stewtech
@stewtech 6 ай бұрын
Brickscore and Scripts Organizer??
@DaveFoy
@DaveFoy 6 ай бұрын
What, instead of GutenBricks? I don’t follow.
@1anchit
@1anchit 8 ай бұрын
Are we hearing from Automatic CSS after his announcement of Cwicly exchange?
@DaveFoy
@DaveFoy 8 ай бұрын
?
@1anchit
@1anchit 8 ай бұрын
@@DaveFoy they had made a video asking for receipts of Cwicly and they would inturn give out Automatic css ltd. Appsumo is not going to refund I believe. So this was a gesture of his.
@DaveFoy
@DaveFoy 8 ай бұрын
@1anchit Oh yes I saw that. :) Very nice and smart move from Kevin.
@OneBrokeBloke
@OneBrokeBloke 8 ай бұрын
I still dont get why this is so smart. It seems like the clients can edit posts like this, but what about when they want to change content on pages? I assume that is what they often want to. And those pages are made in the bricks editor. I would also say that its their own responsibility to only edit content, not design. Have not tried setting it up with the native features in Bricks, but even if that is not enough, their host probably has daily backups. Also just think Gutenberg is terrible experience in itself, so kinda cruel to make them use it
@DaveFoy
@DaveFoy 8 ай бұрын
How many truly standalone/static pages does a typical website have? Home? Contact? If you're doing it right (for efficiency, future scalability and maintenance, etc) then you'll have as many pages in CPTs handled via dynamic single post templates as possible. Otherwise future design updates are a nightmare if you have a load of static Bricks pages to update. Whereas you might have 5-6 single post templates for custom post types. And even those very few pages that maybe *have* to be standalone/static, you could still build the parts of them the client needs to edit with blocks, and have those there in the block editor (e.g. in the home page). What the block editor does well is a content creation/editing interface for clients (I say "well"... better than any other use case).
@OneBrokeBloke
@OneBrokeBloke 8 ай бұрын
I am not very familiar with working dynamically like that. Only really used query loops and things like {post.title} and very basic advanced custom fields. So most of my pages are pretty static. Do you have some videoes on how i would approach it like you? Still dont fully understand it
@carlosrosalesrojas6788
@carlosrosalesrojas6788 8 ай бұрын
Pinegrow Web Editor!|
@DaveFoy
@DaveFoy 8 ай бұрын
Way too complex UI for a simple guy like me.
@mohdom6
@mohdom6 9 ай бұрын
or.... just make core blocks templates. it works fine
@DaveFoy
@DaveFoy 9 ай бұрын
Did you watch the video? This video is aimed at people who don't have the dev chops to make core blocks templates. And... they want to maintain the design system of blocks in one place, in the builder and framework they use to build the rest of the site.
@MrOliver1444
@MrOliver1444 9 ай бұрын
I tried to see the pricing but the link doesnt work.
@700inotes
@700inotes 9 ай бұрын
It says further down the page that they can't cope with the number of people looking at the page so they took the pricing and ability to buy away ...
@MrOliver1444
@MrOliver1444 9 ай бұрын
@@700inotes Thanks
@DaveFoy
@DaveFoy 9 ай бұрын
I think it's back now. The pricing is just further down the same page anyway.
@MrOliver1444
@MrOliver1444 9 ай бұрын
@@DaveFoy Thank you. I bought it. Great job you are doing with your vids
@TakuapaFriends
@TakuapaFriends 9 ай бұрын
Pretty great! But Gutenbricks should let us get into the template more easy. That is awful clickedyclick thingy. Like it is done in Gutenberg partial synced patterns.
@DaveFoy
@DaveFoy 9 ай бұрын
Remember this isn't even version 1 at this stage.
@wanja8461
@wanja8461 9 ай бұрын
@@DaveFoyyes fundamentally great only ui/ux for me with potential as the way to dashboard is really not great to switch between block creation. Maybe some user role depending options in gutenberg to fast switch would be possible. 👍🏼😀
@DaveFoy
@DaveFoy 9 ай бұрын
Definitely suggest that to the developer! Either via the FB group or support at gutenbricks dot com.
@TheAdminBar
@TheAdminBar 9 ай бұрын
Okay... Don't shoot me here.. but... Why not just build it in blocks in the first place? 😬
@DaveFoy
@DaveFoy 9 ай бұрын
I KNEW you'd say that. 😜 I'd say it's cos no block builder comes anywhere near Bricks for building a website. Or put another way... if you already choose to use Bricks to build your site, then here you can use the same tool to build the site AND provide a great experience for your clients. For me, the block editor is great for clients editing content... but you know how I feel about the rest of it. :)
@VijayKumarIM
@VijayKumarIM 9 ай бұрын
Seriously 2.00 min of Introoo brother...
@DaveFoy
@DaveFoy 9 ай бұрын
Glad you like it. I can make it longer next time.
@VijayKumarIM
@VijayKumarIM 9 ай бұрын
🤣🤣🤣@@DaveFoy
@sevenelven
@sevenelven 9 ай бұрын
I kinda miss the point of this, why not just give your client an editing permission?
@DaveFoy
@DaveFoy 9 ай бұрын
An editing permission for what? To use the Bricks editor? If so... I ain't letting clients anywhere near the Bricks editor.
@sevenelven
@sevenelven 9 ай бұрын
@@DaveFoy yes, the "edit content" permission works just that, it doesn't let users drag or fiddle with any settings at all, they can only change texts.
@DaveFoy
@DaveFoy 9 ай бұрын
But how does that help when they need to create posts? Ok for the odd standalone page, but otherwise they’d have to duplicate a Bricks layout each time? And then your design is completely tangled with your content which would be a nightmare in future if you want to change the design.
@sevenelven
@sevenelven 9 ай бұрын
​@@DaveFoy the easiest approach would be to just create a template and make them write in a post and use the wp content and custom fields. If i'm going as far as creating custom blocks for them that will most probably going to be used in a single post type, might as well enable builder access with edit permission for them, gutenbricks is cool but this just adds another layer of unnecessary complexity for them. There's also a chance that the gutenbrick they're inserting into a post has styling that doesnt align with the post type they're inserting it to.
@DaveFoy
@DaveFoy 9 ай бұрын
Yes, in the video I have a single post template and have them write in the post field, and optionally any custom fields. That’s standard. If you don’t want to offer the client any blocks then this plugin isn’t for you anyway, it’s not solving a problem for you. No worries.
@moncholo_
@moncholo_ 9 ай бұрын
Really interesting. It works like components? It so bad to allow clients to edit *only content* inside bricks? 🫨
@DaveFoy
@DaveFoy 9 ай бұрын
It's just like components, yes. One 'master' central design, multiple instances with different content. I'd personally never let a client near Bricks, but there are no right or wrong answers here. :)
Bricks Security: The Surprising Reason I Didn’t Get Hacked
6:36
Which Bricks Add-Ons? Part 1: Frameworks & Templates
36:49
Dave Foy
Рет қаралды 13 М.
The Singing Challenge #joker #Harriet Quinn
00:35
佐助与鸣人
Рет қаралды 47 МЛН
Turn Off the Vacum And Sit Back and Laugh 🤣
00:34
SKITSFUL
Рет қаралды 6 МЛН
I thought one thing and the truth is something else 😂
00:34
عائلة ابو رعد Abo Raad family
Рет қаралды 7 МЛН
Симбу закрыли дома?! 🔒 #симба #симбочка #арти
00:41
Симбочка Пимпочка
Рет қаралды 4,8 МЛН
Which Bricks Add-Ons Should You Use? Part 2
34:41
Dave Foy
Рет қаралды 9 М.
How to Use The Bricks Builder Nav Menu: Beginner's Guide
43:06
I Built a $4589 Website in Minutes with Bolt.new and Cursor AI!
34:55
The Metaverse Guy
Рет қаралды 5 М.
Gutenbricks: Create reusable blocks for a solid Client Editing Experience
14:45
Why I Left YouTube for 3 Years... and What's Coming Next
7:28
Bricks: Build-Your-Own Fluid Typography Framework
41:27
Dave Foy
Рет қаралды 15 М.
Bricks Builder Nav Menu: 5 Reasons The OLD Way Is better
11:36
I tried every website builder. This is the BEST
19:31
Steve Builds Websites
Рет қаралды 207 М.
Did the WordPress Drama make things Worse for us?
43:29
Rino de Boer
Рет қаралды 24 М.
The Singing Challenge #joker #Harriet Quinn
00:35
佐助与鸣人
Рет қаралды 47 МЛН