The Holy Grail of Client Editing in Bricks? Introducing GutenBricks

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ธ.ค. 2024

ความคิดเห็น • 165

  • @DaveFoy
    @DaveFoy  10 หลายเดือนก่อน +17

    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 10 หลายเดือนก่อน +1

      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.

  • @Gearyco
    @Gearyco 10 หลายเดือนก่อน +32

    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  10 หลายเดือนก่อน

      Nice one man.

    • @MarkDendy
      @MarkDendy 9 หลายเดือนก่อน +2

      Nice one Kevin, I was hoping you saw that clickable parent conflict in the Gutenberg editor.
      You're all over it 👍

    • @WiredWP
      @WiredWP 9 หลายเดือนก่อน +1

      That's awesome!!!

  • @WiredWP
    @WiredWP 10 หลายเดือนก่อน +41

    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  10 หลายเดือนก่อน +7

      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.

    •  10 หลายเดือนก่อน +3

      @@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 10 หลายเดือนก่อน +2

      @ I'm second on this questions!

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +3

      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 10 หลายเดือนก่อน +1

      Awesome Tool! cant wait to use it with my client sites!!!

  • @stacey_watson
    @stacey_watson 10 หลายเดือนก่อน +13

    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  10 หลายเดือนก่อน

      Excellent! 🙌

    • @rudyhanusek424
      @rudyhanusek424 9 หลายเดือนก่อน

      i would add Metabox bro

  • @RobSaville
    @RobSaville 10 หลายเดือนก่อน +2

    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  10 หลายเดือนก่อน

      Nice one Rob!

  • @samwhite7411
    @samwhite7411 10 หลายเดือนก่อน +4

    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  10 หลายเดือนก่อน

      😂 Enjoy!

    • @markpeters2254
      @markpeters2254 9 หลายเดือนก่อน +1

      impulse control is such an overrated virtue

  • @philipgebhardt3453
    @philipgebhardt3453 10 หลายเดือนก่อน +4

    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  10 หลายเดือนก่อน

      Great isn’t it?! Exactly what was missing.

  • @bluefuzecom
    @bluefuzecom 10 หลายเดือนก่อน +2

    This is fantastic. Also, Dave does such amazingly well done tutorial vids.

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      Why thank you 🙏🏼

  • @michaelahanti9189
    @michaelahanti9189 10 หลายเดือนก่อน +2

    Perfect timing Dave. I was thinking about this one this morning, and up pops your video

  • @cadavenue
    @cadavenue 10 หลายเดือนก่อน +2

    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  10 หลายเดือนก่อน

      Nice one Erik! Yes, exciting times.

  • @paveljanovec1094
    @paveljanovec1094 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน

      Excellent! Thank you Pavel 🙏🏼

  • @johnpixle
    @johnpixle 10 หลายเดือนก่อน +5

    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  10 หลายเดือนก่อน

      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.

  • @buntuscainte4987
    @buntuscainte4987 9 หลายเดือนก่อน +2

    Another great Video Dave. Thank you.

    • @DaveFoy
      @DaveFoy  9 หลายเดือนก่อน

      Glad you enjoyed it!

  • @rewiredweb
    @rewiredweb 10 หลายเดือนก่อน +3

    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  10 หลายเดือนก่อน

      Yes! 🙌

  • @lmsbolt
    @lmsbolt 10 หลายเดือนก่อน +2

    🤯 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  10 หลายเดือนก่อน

      Yes! Glad you like it.

  • @videovoyages
    @videovoyages 10 หลายเดือนก่อน +2

    Purchased, thank you for the recommendation, Dave. Looks very promising indeed, assuming it will run smoothly in the long run.

  • @niftycommerce
    @niftycommerce 9 หลายเดือนก่อน +1

    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

  • @DraXkor
    @DraXkor 10 หลายเดือนก่อน +1

    Awesome video as always Dave! Great little tool, gonna buy that for sure.

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      Nice 🙌

  • @leejacksondev
    @leejacksondev 10 หลายเดือนก่อน +1

    Well this was an easy purchase! JUST what I need!

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      Nice! Thanks mate. 🙏🏼

  • @mickt24
    @mickt24 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน

      Glad it was helpful!

  • @nancycauwels4967
    @nancycauwels4967 7 หลายเดือนก่อน +1

    This is EXACTLY what I was looking for... thank you ever so much, Dave! 🤩

    • @nancycauwels4967
      @nancycauwels4967 7 หลายเดือนก่อน

      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  7 หลายเดือนก่อน +1

      You're very welcome! And yeah - shame it means we still have to use that godawful Gutenberg UI. 🥴

  • @OceanLlamaMedia
    @OceanLlamaMedia 9 หลายเดือนก่อน

    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

  • @drkskwlkr
    @drkskwlkr 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน

      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 10 หลายเดือนก่อน +1

      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!

  • @MarkDendy
    @MarkDendy 9 หลายเดือนก่อน +1

    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.

  • @drkskwlkr
    @drkskwlkr 10 หลายเดือนก่อน

    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  10 หลายเดือนก่อน

      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. 👍

  • @alexvasquez4697
    @alexvasquez4697 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน +1

      Absolutely. Although maybe you wouldn't want a client messing with spacing etc? Definitely worth watching, Alex. This isn't even v1.0 yet.

  • @toby-green
    @toby-green 9 หลายเดือนก่อน +2

    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 หลายเดือนก่อน +1

      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 8 หลายเดือนก่อน

      @@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?

  • @JohnnyAnthonWichmann
    @JohnnyAnthonWichmann 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน +2

      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.

  • @EduwareIzekor
    @EduwareIzekor 10 หลายเดือนก่อน +6

    Gutenbricks is pretty good.

    • @EduwareIzekor
      @EduwareIzekor 10 หลายเดือนก่อน +2

      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.

  • @LudovicCharlier
    @LudovicCharlier 10 หลายเดือนก่อน

    Nice, great video. Is there a simple way to disable all default gutenberg blocks and patterns?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +1

      Yes! You can do that in the plugin settings. One of the things I didn't show in the video. :)

    • @LudovicCharlier
      @LudovicCharlier 10 หลายเดือนก่อน +1

      @@DaveFoy thank you Dave

  • @francoisgonin4176
    @francoisgonin4176 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน

      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 10 หลายเดือนก่อน +1

      aah ok, thank you very much 🙏

  • @JustinWilliams-g3c
    @JustinWilliams-g3c 9 หลายเดือนก่อน +1

    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.

  • @tyesbo
    @tyesbo 9 หลายเดือนก่อน

    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?

  • @IvoPoetzsch
    @IvoPoetzsch 9 หลายเดือนก่อน +2

    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 หลายเดือนก่อน +1

      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 หลายเดือนก่อน +1

      @@DaveFoy good to hear that...just getted the Ultimate ;)

  • @BK-qx3qf
    @BK-qx3qf 9 หลายเดือนก่อน +1

    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. :)

  • @korova-moo
    @korova-moo 10 หลายเดือนก่อน +1

    Are you able to make the blocks/patterns full width? Is that something you do separately in Gutenberg?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      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.

  • @LastKingOfAtlantis
    @LastKingOfAtlantis 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน +1

      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 10 หลายเดือนก่อน +1

      @@DaveFoy thanks buddy :)

  • @pasztorviktor9287
    @pasztorviktor9287 9 หลายเดือนก่อน +1

    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.

  • @ocratest
    @ocratest 10 หลายเดือนก่อน

    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  10 หลายเดือนก่อน

      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 หลายเดือนก่อน +1

      I couldn't resist. Got the Developer LTD - can't wait to play around with it. Thanks for the tip! @@DaveFoy

  • @chriswagoner3316
    @chriswagoner3316 4 หลายเดือนก่อน

    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? 😵‍💫

  • @brockdinbarr
    @brockdinbarr 4 หลายเดือนก่อน +1

    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  2 หลายเดือนก่อน

      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.

  • @1anchit
    @1anchit 9 หลายเดือนก่อน

    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.

  • @vaughanprint
    @vaughanprint 10 หลายเดือนก่อน +1

    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 10 หลายเดือนก่อน

      Apparently it is on their roadmap. There are a few iterations of filters and components to go through first.

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +1

      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.

  • @bjoernzosel
    @bjoernzosel 10 หลายเดือนก่อน +1

    Is it possible to create a block for product loop? Can the customer change the loop?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      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).

  • @ricotoet8707
    @ricotoet8707 3 หลายเดือนก่อน

    But can I make the padding/margin also editable in the gutenburg blocks?

    • @DaveFoy
      @DaveFoy  2 หลายเดือนก่อน

      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 2 หลายเดือนก่อน +1

      @@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  2 หลายเดือนก่อน

      @@ricotoet8707 Sounds great!

  • @emadhosen
    @emadhosen 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน

      Thank you! That's lovely to hear!

  • @AnthonyTilahun
    @AnthonyTilahun 10 หลายเดือนก่อน +1

    yes,Yes, YEs, YES! Did I mention YES!!!!!!!!

  • @pedropixel
    @pedropixel 10 หลายเดือนก่อน +1

    Es posible exportar los blocks a otro sitio web?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      Interesante pregunta. No sé. Puedes exportar plantillas de Bricks, así que no veo por qué no. Pero no lo he probado.

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +1

      Gracias Google Translate por mi pésimo español. 😂

    • @paulburgess4954
      @paulburgess4954 10 หลายเดือนก่อน +1

      @@DaveFoy lol I understood the question but answering it would have been a different ball game.

  • @dovber
    @dovber 10 หลายเดือนก่อน

    cant we do that with shortcodes from the bricks templates?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +2

      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.

  • @dameerdj5403
    @dameerdj5403 9 หลายเดือนก่อน

    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!

  • @christianschneiderphoto
    @christianschneiderphoto 8 หลายเดือนก่อน

    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  8 หลายเดือนก่อน

      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.

  • @JUMPBALL_BASKETBALL
    @JUMPBALL_BASKETBALL 4 หลายเดือนก่อน

    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 9 หลายเดือนก่อน +1

    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  9 หลายเดือนก่อน +1

      You can. :) There's a setting for it.

    • @sophiemulders
      @sophiemulders 9 หลายเดือนก่อน

      @@DaveFoy holy 💩🤩

  • @1anchit
    @1anchit 9 หลายเดือนก่อน

    Are we hearing from Automatic CSS after his announcement of Cwicly exchange?

    • @DaveFoy
      @DaveFoy  9 หลายเดือนก่อน

      ?

    • @1anchit
      @1anchit 9 หลายเดือนก่อน

      @@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  9 หลายเดือนก่อน +1

      @1anchit Oh yes I saw that. :) Very nice and smart move from Kevin.

  • @AyDeeSandra
    @AyDeeSandra 10 หลายเดือนก่อน

    This is similar to the Oxygen-Gutenberg add-on, Yes?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน

      I’ve no idea. Never used Oxygen.

    • @peter_quentin
      @peter_quentin 7 หลายเดือนก่อน

      Yes it is.

  • @MrOliver1444
    @MrOliver1444 10 หลายเดือนก่อน

    I tried to see the pricing but the link doesnt work.

    • @700inotes
      @700inotes 10 หลายเดือนก่อน

      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 10 หลายเดือนก่อน +1

      @@700inotes Thanks

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +1

      I think it's back now. The pricing is just further down the same page anyway.

    • @MrOliver1444
      @MrOliver1444 10 หลายเดือนก่อน

      @@DaveFoy Thank you. I bought it. Great job you are doing with your vids

  • @stewtech
    @stewtech 7 หลายเดือนก่อน

    Brickscore and Scripts Organizer??

    • @DaveFoy
      @DaveFoy  7 หลายเดือนก่อน

      What, instead of GutenBricks? I don’t follow.

  • @OneBrokeBloke
    @OneBrokeBloke 9 หลายเดือนก่อน

    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  9 หลายเดือนก่อน

      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 9 หลายเดือนก่อน

      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 9 หลายเดือนก่อน +1

    Pinegrow Web Editor!|

    • @DaveFoy
      @DaveFoy  9 หลายเดือนก่อน +1

      Way too complex UI for a simple guy like me.

  • @TakuapaFriends
    @TakuapaFriends 10 หลายเดือนก่อน +2

    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  10 หลายเดือนก่อน +1

      Remember this isn't even version 1 at this stage.

    • @wanja8461
      @wanja8461 10 หลายเดือนก่อน +1

      @@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  10 หลายเดือนก่อน

      Definitely suggest that to the developer! Either via the FB group or support at gutenbricks dot com.

  • @mohdom6
    @mohdom6 10 หลายเดือนก่อน

    or.... just make core blocks templates.
    it works fine

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +3

      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.

  • @TheAdminBar
    @TheAdminBar 10 หลายเดือนก่อน +1

    Okay... Don't shoot me here.. but... Why not just build it in blocks in the first place? 😬

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +11

      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 10 หลายเดือนก่อน

    Seriously 2.00 min of Introoo brother...

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +2

      Glad you like it. I can make it longer next time.

    • @VijayKumarIM
      @VijayKumarIM 10 หลายเดือนก่อน

      🤣🤣🤣@@DaveFoy

  • @sevenelven
    @sevenelven 10 หลายเดือนก่อน

    I kinda miss the point of this, why not just give your client an editing permission?

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +1

      An editing permission for what? To use the Bricks editor? If so... I ain't letting clients anywhere near the Bricks editor.

    • @sevenelven
      @sevenelven 10 หลายเดือนก่อน

      @@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  10 หลายเดือนก่อน

      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 10 หลายเดือนก่อน

      ​@@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  10 หลายเดือนก่อน +1

      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_ 10 หลายเดือนก่อน +1

    Really interesting. It works like components?
    It so bad to allow clients to edit *only content* inside bricks? 🫨

    • @DaveFoy
      @DaveFoy  10 หลายเดือนก่อน +3

      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. :)