Best way to achieve this? Templates with global style/layout, but ~local~ content

Hello all, first time Bricks user here.

I’ve been coding my own WP themes for years. Looking to gain some efficiency with Bricks, but I have a very common use-case and I’m not entirely sure how to achieve this in Bricks.

I’d like to create re-usable sections (Templates, in Bricks?) with multiple elements, customized styling & layouts, ideally a few controls/options for layout options, etc. These Templates will need to have a shared styling & layout, which can be updated even AFTER the Templates have been placed on pages… but I need the content of these templates to be editable per-page. Ideally this includes repeater elements too.

What is the best way to do this in Bricks?

  • I know I can ‘insert’ a template and edit it’s contents, but then it no longer receives styling/layout updates from it’s source Template.
  • I know I can use a Template element and select the desired Template, and it will get updates from the source Template, but I cannot edit the contents.

Is the solution to use classes for all of these kinds of customizations? For example if I attach a ‘text-w-image’ class to a Section Template, then I can update the styles associated with that class…
Or, is the best solution to create my own custom Elements? (Create Your Own Elements – Bricks Academy) I am fine with this, though I would normally consider my re-usable Templates to contain multiple elements inside a layout.

Any insight into workflows for this kind of use-case would be really helpful. I’ve been searching the docs and forums but not yet really found this scenario.

Thanks

1 Like