Gutenbricks: Create reusable blocks for a solid Client Editing Experience

No video

Gutenbricks: Create reusable blocks for a solid Client Editing Experience

Рет қаралды 1,833

Күн бұрын

The age old dilemma of using a professional page builder and then handing it off to clients of varying skill levels, all of whom eager to build new pages!
Check out Gutenbricks (gutenbricks.com)
If you are ever wanting to turn over client sites and let them add branded blocks, this might be a good solution for you. Create reusable blocks in clients to use directly in posts and pages based on your Bricks designs. Gutenberg blocks directly from Bricks. Gutenbricks.
Check out Gutenbricks (gutenbricks.com)
Get Bricks: bricksbuilder.io
Affiliate links:
Get Bricksforge: bricksforge.io?aff=d768d61b
Get ACSS: automaticcss.c...
Get Frames: getframes.io/r...

Пікірлер: 29

@WiredWP 6 ай бұрын

Author of the plugin here. Thank you Brendan for the detailed walk-through!! Super informative. Using conditional has one drawback, which is that you can't retain the content when you switch to another condition. I'm working on something to retain the data while you switch around conditionals!!

@BrendanOConnellWP 6 ай бұрын

hey Ryan thanks for stopping by. good work to your team so far. looking forward to see what you guys cook up. i'd assume using conditions to say, add a feature section with 3 col grid vs 4, might be the old way of doing it, and i'm standing by for some sort of clonable/repeater type functionality for deleting content from the template while in gutenberg, for e.g.

@EduwareIzekor 6 ай бұрын

This was done very well. I would like to explore the posibilities of building a dynamic landingpage in Bricks and also making it editable and customizable for the client in Gutenberg. This has definately giving me alot of ideas

@BrendanOConnellWP 6 ай бұрын

thanks for your kind words, Eduware. definitely takes client editing to the next level! you can of course save entire page as templates, or do a more modular approach section-by-section (which is what i'll do - I think, but need to poll more clients first)

@EduwareIzekor 6 ай бұрын

@@BrendanOConnellWP I have a client where this would be perfect as they are a marketing agency and like to build landingpages. By providing ready made sections they can go all out.

@Softwarelupe 6 ай бұрын

Thank you for this detailed walkthrough and get well soon :)

@BrendanOConnellWP 6 ай бұрын

thanks, appreciate you ☺

@stevebaker2896 6 ай бұрын

Good stuff - just to say that if you set the location for your field group to 'Post' (rather than Post type), you can attach your fields to a particular template or templates (your GutenBricks ones) rather than ALL Bricks templates - you probably wouldn't want those fields appearing on your regular Bricks templates like header, footer, single, archive etc. (at least you can in ACF, presume it is the same for MB). You can get very granular with it - different fields for each GutenBricks template if you need.

@BrendanOConnellWP 6 ай бұрын

Thanks for the info! i thought that too (and i think it worked that way a few RC releases ago?), but then i didn't get anything to render when i had post/pages selected as location. i probably didn't do it thoroughly enough. will try that again as you raise a good point!

@plbrrws2 6 ай бұрын

This looks so cool - be able to use bricks layouts like that - especially frames layout! - this should be in native bricks

@BrendanOConnellWP 6 ай бұрын

totally! lots of options. love that its both rigid and flexible for both clients and devs. thx for watching.

@maxziebell4013 6 ай бұрын

Oxygen had something like it, but nothing as good. It’s very promising and great for clients.

@BrendanOConnellWP 6 ай бұрын

I remember trying the o2 version and saw potential. This is a very cool project for clients who want this. how are you liking it/using it so far? nice to see you here again! cheers

@maxziebell4013 6 ай бұрын

@@BrendanOConnellWPstill playing around as it’s still a RC. Although, it would have been great for my last project.

@BrendanOConnellWP 6 ай бұрын

always a case of "if only i had this a week ago!" 😉. also very much looking forward to Bricks' implementation of components and how/if they'll work with gutenberg or if that's later

@michaelvandinther 6 ай бұрын

Show me a nested slider, tab or accordion.

@BrendanOConnellWP 6 ай бұрын

good ask! that would be a better test being more complex! i'll see what i come up with :)

@BrendanOConnellWP 6 ай бұрын

only got a chance to briefly try it, but a few frames sliders did not render in the builder, but did on front end. i suspect this will be improved over the coming week(s)

@michaelvandinther 6 ай бұрын

Thanks for giving it a quick test run. Those component's are essential to any build. I see Advanced Themer rolling out Strict Editor too.

@BrendanOConnellWP 6 ай бұрын

@@michaelvandintheragreed. i know Ryan had a tab working in one of the videos i saw, so i know its possible or will be. I saw that AT editor update, which is nice. I am also particularly looking forward to Bricks' components and how those will be available to clients

@jdy98p 6 ай бұрын

Would this also work by creating a class for each field with the dynamic values and then simply applying the classes on future blocks?

@jdy98p 6 ай бұрын

Just a note that creating a class to apply each flavor of settings works *great*. You'll still need to set conditions for each layout option, though.

@BrendanOConnellWP 6 ай бұрын

yes i think that would work fine. also, Ryan, creator of Gutenbricks, recently released a short video showcasing a "Class Injector" as well, so i think this will be covered from multiple angles

@BrendanOConnellWP 6 ай бұрын

@@jdy98pthanks for clarifying, that makes sense based on what ive seen

@stephanepruvost1732 6 ай бұрын

Hello, nice work. You have a content with a text writting on 2 columns ! How it is possible ?

@BrendanOConnellWP 6 ай бұрын

i used a layout from Frames, very handy for letting clients use something like 2 col content! The link to the frame is here: bricks.getframes.io/template/content-section-golf/ it uses css columns. not available in the Bricks builder UI (unless you use advanced themer!). CSS is this your-text{ column-count: 2; column-width: 30ch; column-gap: var(--grid-gap); }

@stephanepruvost1732 5 ай бұрын

@@BrendanOConnellWP tanks for the css i didn't no the column-count.