Bricks and Gutenberg content in the SAME Template
HTML-код
- Опубликовано: 28 мар 2023
- ⛑️ Services I am now offering:
Get a Website Quote: wagepirate.com/?ff_landing=12
WP Consulting (I offer advice, you do the work): wagepirate.com/?fluent-bookin...
WP Support (I do the work for you): wagepirate.com/?ff_landing=15
📩 Get my free WordPress Newsletter (join 1600+ other people)
Subscribe ➜ wagepirate.com/subscribe/?utm...
(I share tips covering Bricks, FunnelKit, WooCommerce, business & marketing strategy + WordPress news)
📩 MY NEWSLETTER (join 1600+ other people)
Subscribe ➜ wagepirate.com/subscribe/?
(I share tips covering Bricks, FunnelKit, WooCommerce, business & marketing strategy + WordPress news)
Thanks for the valuable and helpful content. - I will definitely try this out!
Hi Grant!
Congratulations on the presentation and the article. I have been looking for such a missing article for a long time. Until now, I was thinking about a separate Single template for Bricks and Gutenberg content. But this article and video showed that it can be easily solved in the same template.
I express my appreciation!
Zoltán
Thanks so much for this. Coming from Elementor, I wasn't sure how to make this work. Every developer coming to Bricks from Elementor needs to see this. Will save them time.
Same with Beaver Builder. Single page templates work much more intuitively as a fallback for Gutenberg content and its been a struggle to match that functionality in Bricks
Very helpful, thanks!
In Gutenberg you have grey boxes. How do you convert them to blue ones in the live page? Could you do a video to show how to create color boxes in Bricks with the content in gutenberg? Thanks
Great tutorial
this is much better, client can edit the text :)
good shit indeed :D love it
How about having custom blocks in Gutenberg with Acf relationship field to choose what articles to show. Banging my head my client uses Gutenberg and selects the articles he want to show how can I show them in the bricks template.
I have this set up for the related posts section at the bottom of my Blog Posts. I have a video planned to go through it soon
Excellent video Grant! Do you have any videos on how to use BricksProps?
coming shortly :)
Great tutorial 👍 Thanks Grant. BTW can you share the code snippet for adding the color highlight to your Gutenberg blocks automatically?
Thanks Mahmoud! Do you mean the grey box in Gutenberg for the paragraphs?
@@GrantAmbrose Yes custom styling for the Gutenberg blocks is loading on the frontend but not in the editor
Possible to render the content of both Bricks and Gutenberg on the front end?
Yep! that works. You could even do something like this:
- Bricks content
- gutenberg
- Bricks Content
then set up an advanced custom field named "bricks content at bottom?", default value would be nothing but you could have the option for the page to set this to YES
and then you could use Bricks conditions on a per-post basis to control if bricks shows before or after the Gutenberg content
I was about to set this up for myself before I went ahead and found this which suited my needs a bit more: wagepirate.com/blog/bricks-builder-template-using-php/
@@GrantAmbrose Really superpower. Feel shocked. Thank you as always, Grant.
This seems to work awesome except whenever I have a Gutenberg-turned-Bricks page, where it maybe had some GB data and then I decided to go and edit it with Bricks, it'll always remember it was once edited in Gutenberg it seems? It seems like all content is deleted in GB but it still shows both Bricks and GB content on the front end, which ends up just being the page title and container it's in cause there's nothing else... How's that work?
If you deleted all your content in the block editor it shouldn’t be outputting anything. Do you mean page content or your header / footer from GB is outputting
@@GrantAmbrose Hey Grant, no it's not the header/footer that's the issue here. I have the default page set up like this:
[post content with datasource Bricks]
[section] > [container] > [heading] & [post content w datasource WP];
The whole section part has the condition set as you explain in the video ({echo:has_blocks} == true).
If I have a page with only GB content it works great (showing only GB content);
If I have a page that was created (given a title and published) and then immediately clicked "edit with bricks" and added content, it works great (showing only Bricks content);
However, if I have a (bricks)page that at any given time had Gutenberg data which was then completely deleted (except for the title which can't be deleted) then it'll show both the bricks content as well as the title underneath that. So it seems like it will remember that it once "had blocks"?
Here's an example of where I added some bricks content and deleted the paragraph that once was in GB: bolbricks.bambiboland.nl/gutenberg-vs-bricks-test/