The Holy Grail of Client Editing in Bricks? Introducing GutenBricks

Поделиться
HTML-код
  • Опубликовано: 14 фев 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.

Комментарии • 159

  • @DaveFoy
    @DaveFoy  3 месяца назад +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 3 месяца назад +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 3 месяца назад +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  3 месяца назад +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.

    •  3 месяца назад +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 3 месяца назад +2

      @ I'm second on this questions!

    • @DaveFoy
      @DaveFoy  3 месяца назад +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 3 месяца назад +1

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

  • @Gearyco
    @Gearyco 3 месяца назад +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  3 месяца назад

      Nice one man.

    • @MarkDendy
      @MarkDendy 3 месяца назад +2

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

    • @WiredWP
      @WiredWP 3 месяца назад +1

      That's awesome!!!

  • @stacey_watson
    @stacey_watson 3 месяца назад +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 3 месяца назад +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  3 месяца назад

      😂 Enjoy!

    • @markpeters2254
      @markpeters2254 3 месяца назад +1

      impulse control is such an overrated virtue

  • @nancycauwels4967
    @nancycauwels4967 Месяц назад +1

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

    • @nancycauwels4967
      @nancycauwels4967 Месяц назад

      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  Месяц назад +1

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

  • @philipgebhardt3453
    @philipgebhardt3453 3 месяца назад +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  3 месяца назад

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

  • @johnpixle
    @johnpixle 3 месяца назад +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  3 месяца назад

      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 3 месяца назад +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  3 месяца назад

      Nice one Rob!

  • @cadavenue
    @cadavenue 3 месяца назад +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  3 месяца назад

      Nice one Erik! Yes, exciting times.

  • @bluefuzecom
    @bluefuzecom 3 месяца назад +2

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

    • @DaveFoy
      @DaveFoy  3 месяца назад

      Why thank you 🙏🏼

  • @michaelahanti9189
    @michaelahanti9189 3 месяца назад +2

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

  • @paveljanovec1094
    @paveljanovec1094 3 месяца назад +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  3 месяца назад

      Excellent! Thank you Pavel 🙏🏼

  • @lmsbolt
    @lmsbolt 3 месяца назад +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  3 месяца назад

      Yes! Glad you like it.

  • @buntuscainte4987
    @buntuscainte4987 3 месяца назад +2

    Another great Video Dave. Thank you.

    • @DaveFoy
      @DaveFoy  3 месяца назад

      Glad you enjoyed it!

  • @videovoyages
    @videovoyages 3 месяца назад +2

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

  • @DraXkor
    @DraXkor 3 месяца назад +1

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

    • @DaveFoy
      @DaveFoy  3 месяца назад

      Nice 🙌

  • @rewiredweb
    @rewiredweb 3 месяца назад +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  3 месяца назад

      Yes! 🙌

  • @EduwareIzekor
    @EduwareIzekor 3 месяца назад +6

    Gutenbricks is pretty good.

    • @EduwareIzekor
      @EduwareIzekor 3 месяца назад +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 3 месяца назад +2

    This is very interesting!

  • @leejacksondev
    @leejacksondev 3 месяца назад +1

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

    • @DaveFoy
      @DaveFoy  3 месяца назад

      Nice! Thanks mate. 🙏🏼

  • @mickt24
    @mickt24 3 месяца назад +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  3 месяца назад

      Glad it was helpful!

  • @niftycommerce
    @niftycommerce 3 месяца назад +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  3 месяца назад

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

    • @niftycommerce
      @niftycommerce 3 месяца назад

      @@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  3 месяца назад

      Back atcha brother. x

  • @alexvasquez4697
    @alexvasquez4697 3 месяца назад +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  3 месяца назад +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.

  • @JohnnyAnthonWichmann
    @JohnnyAnthonWichmann 3 месяца назад +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  3 месяца назад +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.

  • @drkskwlkr
    @drkskwlkr 3 месяца назад +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  3 месяца назад

      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 3 месяца назад +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 3 месяца назад +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 3 месяца назад

      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  3 месяца назад

      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.

  • @IvoPoetzsch
    @IvoPoetzsch 3 месяца назад +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  3 месяца назад +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  3 месяца назад

      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 3 месяца назад +1

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

  • @BK-qx3qf
    @BK-qx3qf 3 месяца назад +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  3 месяца назад

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

  • @OceanLlamaMedia
    @OceanLlamaMedia 2 месяца назад

    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

  • @toby-green
    @toby-green 3 месяца назад +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  3 месяца назад +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 Месяц назад

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

  • @LastKingOfAtlantis
    @LastKingOfAtlantis 3 месяца назад +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  3 месяца назад +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 3 месяца назад +1

      @@DaveFoy thanks buddy :)

  • @user-vo6ky8de6l
    @user-vo6ky8de6l 3 месяца назад +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  3 месяца назад

      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.

  • @LudovicCharlier
    @LudovicCharlier 3 месяца назад

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +1

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

    • @LudovicCharlier
      @LudovicCharlier 3 месяца назад +1

      @@DaveFoy thank you Dave

  • @ocratest
    @ocratest 3 месяца назад

    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  3 месяца назад

      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 3 месяца назад +1

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

  • @tyesbo
    @tyesbo 2 месяца назад

    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?

  • @vaughaprint
    @vaughaprint 3 месяца назад +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 3 месяца назад

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +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.

  • @francoisgonin4176
    @francoisgonin4176 3 месяца назад +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  3 месяца назад

      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 3 месяца назад +1

      aah ok, thank you very much 🙏

  • @korova-moo
    @korova-moo 3 месяца назад +1

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

    • @DaveFoy
      @DaveFoy  3 месяца назад

      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.

  • @drkskwlkr
    @drkskwlkr 3 месяца назад

    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  3 месяца назад

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

  • @pasztorviktor9287
    @pasztorviktor9287 3 месяца назад +1

    Does it also has Metabox integration or only with ACF?

    • @DaveFoy
      @DaveFoy  3 месяца назад

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

  • @1anchit
    @1anchit 2 месяца назад

    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.

  • @bjon3048
    @bjon3048 3 месяца назад +1

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

    • @DaveFoy
      @DaveFoy  3 месяца назад

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

  • @emadhosen
    @emadhosen 3 месяца назад +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  3 месяца назад

      Thank you! That's lovely to hear!

  • @AnthonyTilahun
    @AnthonyTilahun 3 месяца назад +1

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

  • @dovber
    @dovber 3 месяца назад

    cant we do that with shortcodes from the bricks templates?

    • @DaveFoy
      @DaveFoy  3 месяца назад +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.

  • @pedropixel
    @pedropixel 3 месяца назад +1

    Es posible exportar los blocks a otro sitio web?

    • @DaveFoy
      @DaveFoy  3 месяца назад

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +1

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

    • @paulburgess4954
      @paulburgess4954 3 месяца назад +1

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

  • @sophiemulders
    @sophiemulders 2 месяца назад +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  2 месяца назад +1

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

    • @sophiemulders
      @sophiemulders 2 месяца назад

      @@DaveFoy holy 💩🤩

  • @dameerdj5403
    @dameerdj5403 2 месяца назад

    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 2 месяца назад

    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  2 месяца назад

      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.

  • @carlosrosalesrojas6788
    @carlosrosalesrojas6788 2 месяца назад +1

    Pinegrow Web Editor!|

    • @DaveFoy
      @DaveFoy  2 месяца назад +1

      Way too complex UI for a simple guy like me.

  • @1anchit
    @1anchit 2 месяца назад

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

    • @DaveFoy
      @DaveFoy  2 месяца назад

      ?

    • @1anchit
      @1anchit 2 месяца назад

      @@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  2 месяца назад +1

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

  • @MrOliver1444
    @MrOliver1444 3 месяца назад

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

    • @WordStampedTutorials
      @WordStampedTutorials 3 месяца назад

      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 3 месяца назад +1

      @@WordStampedTutorials Thanks

    • @DaveFoy
      @DaveFoy  3 месяца назад +1

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

    • @MrOliver1444
      @MrOliver1444 3 месяца назад

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

  • @AyDeeSandra
    @AyDeeSandra 3 месяца назад

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

  • @stewtech
    @stewtech 26 дней назад

    Brickscore and Scripts Organizer??

    • @DaveFoy
      @DaveFoy  25 дней назад

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

  • @TakuapaFriends
    @TakuapaFriends 3 месяца назад +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  3 месяца назад +1

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

    • @wanja8461
      @wanja8461 3 месяца назад +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  3 месяца назад

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

  • @mohdom6
    @mohdom6 3 месяца назад

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +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 2 месяца назад

    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  2 месяца назад

      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 2 месяца назад

      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

  • @VijayKumarIM
    @VijayKumarIM 3 месяца назад

    Seriously 2.00 min of Introoo brother...

    • @DaveFoy
      @DaveFoy  3 месяца назад +2

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

    • @VijayKumarIM
      @VijayKumarIM 3 месяца назад

      🤣🤣🤣@@DaveFoy

  • @sevenelven
    @sevenelven 3 месяца назад

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +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 3 месяца назад

      @@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  3 месяца назад

      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 3 месяца назад

      ​@@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  3 месяца назад +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.

  • @TheAdminBar
    @TheAdminBar 3 месяца назад +1

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +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. :)

  • @moncholo_
    @moncholo_ 3 месяца назад +1

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

    • @DaveFoy
      @DaveFoy  3 месяца назад +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. :)