The Holy Grail of Client Editing in Bricks? Introducing GutenBricks

Sdílet
Vložit
  • čas přidán 14. 02. 2024
  • - GutenBricks: gutenbricks.com
    - GutenBricks support group: / wiredwp
    - AutomaticCSS: davefoy.link/acss (affiliate link)
    - Frames template library: davefoy.link/frames (affiliate link)
    MY FREE BRICKS MASTERCLASS
    Take my FREE Bricks masterclass-learn the real key to faster builds, effortless future maintenance, and more profitable projects:
    davefoy.link/bricks-masterclass
    Imagine if you could provide your clients with a range of custom made Gutenberg blocks for them to use when editing their content...
    ...all pre-designed and custom built by YOU to match the rest of their website.
    And what if your client could easily edit the content for each block - but NOT be able to mess with your design.
    And… what if you could build this range of custom Gutenberg blocks… IN BRICKS!?
    Being able to build your custom Gutenberg block in Bricks would mean they'd automatically follow whatever design system or framework you've used for the rest of the site, for 100% design consistency everywhere.
    You could make changes to the master version of a block in Bricks, and have that change update everywhere your client has used that block, right across the entire site. That'd make future maintenance and updates stupidly easy.
    Yes. THIS is the holy grail of providing the best possible content editing experience for your clients.
    Up till now, being able to build these kind of custom blocks has been kinda complicated. You need to know React, or hack together clunky workflows with ACF, or (heaven forbid) install a Gutenberg block builder like Kadence or GenerateBlocks.
    But what if you could just use Bricks - the tool you’re already using to build the rest of the site?
    Then, a fairly complicated thing that till now has required pretty good dev skills suddenly becomes ridiculously simple!
    Well, meet GutenBricks! gutenbricks.com
    This brand new Bricks add-on turns Bricks into a UI for creating your own custom Gutenberg blocks!
    In this video, I introduce you to GutenBricks and show you how you can easily create your own Gutenberg blocks and patterns, using the page builder you're already using.

Komentáře • 159

  • @DaveFoy
    @DaveFoy  Před 3 měsíci +14

    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 Před 3 měsíci +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.

  • @WiredWP
    @WiredWP Před 3 měsíci +39

    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  Před 3 měsíci +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.

    •  Před 3 měsíci +2

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

    • @chelofonte3942
      @chelofonte3942 Před 3 měsíci +2

      @ I'm second on this questions!

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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 Před 3 měsíci +1

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

  • @Gearyco
    @Gearyco Před 3 měsíci +24

    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  Před 3 měsíci

      Nice one man.

    • @MarkDendy
      @MarkDendy Před 3 měsíci +2

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

    • @WiredWP
      @WiredWP Před 3 měsíci +1

      That's awesome!!!

  • @stacey_watson
    @stacey_watson Před 3 měsíci +12

    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!

  • @samwhite7411
    @samwhite7411 Před 3 měsíci +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

  • @nancycauwels4967
    @nancycauwels4967 Před měsícem +1

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

    • @nancycauwels4967
      @nancycauwels4967 Před měsícem

      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  Před měsícem +1

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

  • @philipgebhardt3453
    @philipgebhardt3453 Před 3 měsíci +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  Před 3 měsíci

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

  • @johnpixle
    @johnpixle Před 3 měsíci +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  Před 3 měsíci

      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.

  • @michaelahanti9189
    @michaelahanti9189 Před 3 měsíci +2

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

  • @buntuscainte4987
    @buntuscainte4987 Před 3 měsíci +2

    Another great Video Dave. Thank you.

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      Glad you enjoyed it!

  • @DraXkor
    @DraXkor Před 3 měsíci +1

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

  • @videovoyages
    @videovoyages Před 3 měsíci +2

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

  • @bluefuzecom
    @bluefuzecom Před 3 měsíci +2

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      Why thank you 🙏🏼

  • @cadavenue
    @cadavenue Před 3 měsíci +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  Před 3 měsíci

      Nice one Erik! Yes, exciting times.

  • @RobSaville
    @RobSaville Před 3 měsíci +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!

  • @lmsbolt
    @lmsbolt Před 3 měsíci +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  Před 3 měsíci

      Yes! Glad you like it.

  • @rewiredweb
    @rewiredweb Před 3 měsíci +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.

  • @paveljanovec1094
    @paveljanovec1094 Před 3 měsíci +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  Před 3 měsíci

      Excellent! Thank you Pavel 🙏🏼

  • @mickt24
    @mickt24 Před 3 měsíci +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  Před 3 měsíci

      Glad it was helpful!

  • @leejacksondev
    @leejacksondev Před 3 měsíci +1

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      Nice! Thanks mate. 🙏🏼

  • @EduwareIzekor
    @EduwareIzekor Před 3 měsíci +6

    Gutenbricks is pretty good.

    • @EduwareIzekor
      @EduwareIzekor Před 3 měsíci +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.

  • @farhan-app
    @farhan-app Před 3 měsíci +2

    This is very interesting!

  • @niftycommerce
    @niftycommerce Před 3 měsíci +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  Před 3 měsíci

      Thanks for this, Simon. Proper warmed my heart has that!

    • @niftycommerce
      @niftycommerce Před 3 měsíci

      @@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  Před 3 měsíci

      Back atcha brother. x

  • @JohnnyAnthonWichmann
    @JohnnyAnthonWichmann Před 3 měsíci +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  Před 3 měsíci +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.

  • @alexvasquez4697
    @alexvasquez4697 Před 3 měsíci +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  Před 3 měsíci +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.

  • @MarkDendy
    @MarkDendy Před 3 měsíci +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 Před 3 měsíci

      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  Před 3 měsíci

      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.

  • @LastKingOfAtlantis
    @LastKingOfAtlantis Před 3 měsíci +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  Před 3 měsíci +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 Před 3 měsíci +1

      @@DaveFoy thanks buddy :)

  • @IvoPoetzsch
    @IvoPoetzsch Před 3 měsíci +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  Před 3 měsíci +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  Před 3 měsíci

      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 Před 3 měsíci +1

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

  • @drkskwlkr
    @drkskwlkr Před 3 měsíci +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  Před 3 měsíci

      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 Před 3 měsíci +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!

  • @OceanLlamaMedia
    @OceanLlamaMedia Před 3 měsíci

    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

  • @user-vo6ky8de6l
    @user-vo6ky8de6l Před 3 měsíci +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  Před 3 měsíci

      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.

  • @BK-qx3qf
    @BK-qx3qf Před 3 měsíci +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  Před 3 měsíci

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

  • @LudovicCharlier
    @LudovicCharlier Před 3 měsíci

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +1

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

    • @LudovicCharlier
      @LudovicCharlier Před 3 měsíci +1

      @@DaveFoy thank you Dave

  • @toby-green
    @toby-green Před 3 měsíci +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  Před 3 měsíci +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 Před měsícem

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

  • @francoisgonin4176
    @francoisgonin4176 Před 3 měsíci +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  Před 3 měsíci

      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 Před 3 měsíci +1

      aah ok, thank you very much 🙏

  • @ocratest
    @ocratest Před 3 měsíci

    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  Před 3 měsíci

      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 Před 3 měsíci +1

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

  • @tyesbo
    @tyesbo Před 3 měsíci

    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 Před 3 měsíci +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  Před 3 měsíci

      Thank you! That's lovely to hear!

  • @korova-moo
    @korova-moo Před 3 měsíci +1

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      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.

  • @vaughaprint
    @vaughaprint Před 3 měsíci +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 Před 3 měsíci

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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.

  • @drkskwlkr
    @drkskwlkr Před 3 měsíci

    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  Před 3 měsíci

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

  • @1anchit
    @1anchit Před 3 měsíci

    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.

  • @pasztorviktor9287
    @pasztorviktor9287 Před 3 měsíci +1

    Does it also has Metabox integration or only with ACF?

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      Yes I think Metabox is supported. I don’t use it so best to ask the dev for sure.

  • @dovber
    @dovber Před 3 měsíci

    cant we do that with shortcodes from the bricks templates?

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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.

  • @bjon3048
    @bjon3048 Před 3 měsíci +1

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      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 Před 3 měsíci +1

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

  • @pedropixel
    @pedropixel Před 3 měsíci +1

    Es posible exportar los blocks a otro sitio web?

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +1

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

    • @paulburgess4954
      @paulburgess4954 Před 3 měsíci +1

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

  • @sophiemulders
    @sophiemulders Před 3 měsíci +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  Před 3 měsíci +1

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

    • @sophiemulders
      @sophiemulders Před 3 měsíci

      @@DaveFoy holy 💩🤩

  • @dameerdj5403
    @dameerdj5403 Před 2 měsíci

    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!

  • @christianschneider1706
    @christianschneider1706 Před 2 měsíci

    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  Před 2 měsíci

      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.

  • @1anchit
    @1anchit Před 3 měsíci

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci

      ?

    • @1anchit
      @1anchit Před 3 měsíci

      @@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  Před 3 měsíci +1

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

  • @AyDeeSandra
    @AyDeeSandra Před 3 měsíci

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

  • @TakuapaFriends
    @TakuapaFriends Před 3 měsíci +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  Před 3 měsíci +1

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

    • @wanja8461
      @wanja8461 Před 3 měsíci +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  Před 3 měsíci

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

  • @stewtech
    @stewtech Před měsícem

    Brickscore and Scripts Organizer??

    • @DaveFoy
      @DaveFoy  Před měsícem

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

  • @carlosrosalesrojas6788
    @carlosrosalesrojas6788 Před 3 měsíci +1

    Pinegrow Web Editor!|

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +1

      Way too complex UI for a simple guy like me.

  • @MrOliver1444
    @MrOliver1444 Před 3 měsíci

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

    • @WordStampedTutorials
      @WordStampedTutorials Před 3 měsíci

      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 Před 3 měsíci +1

      @@WordStampedTutorials Thanks

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +1

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

    • @MrOliver1444
      @MrOliver1444 Před 3 měsíci

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

  • @mohdom6
    @mohdom6 Před 3 měsíci

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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.

  • @OneBrokeBloke
    @OneBrokeBloke Před 3 měsíci

    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  Před 3 měsíci

      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 Před 3 měsíci

      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

  • @TheAdminBar
    @TheAdminBar Před 3 měsíci +1

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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 Před 3 měsíci

    Seriously 2.00 min of Introoo brother...

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +2

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

    • @VijayKumarIM
      @VijayKumarIM Před 3 měsíci

      🤣🤣🤣@@DaveFoy

  • @sevenelven
    @sevenelven Před 3 měsíci

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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 Před 3 měsíci

      @@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  Před 3 měsíci

      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 Před 3 měsíci

      ​@@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  Před 3 měsíci +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_ Před 3 měsíci +1

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

    • @DaveFoy
      @DaveFoy  Před 3 měsíci +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. :)