[Resolved] Create default page with Stackable container

[Laura]

Hey there,
I want to have my default pages all have a Stackable container with set same width/padding etc. I think I get the general idea that I’d possibly create an Element? Maybe?

This is stackable
https://wpstackable.com/

So for every page I build, I group the blocks into a container or multiple containers. I want that to be my basic default page. Does that make sense? The first thing I do when I build a page, is add a container block. I want that to be my basic page default template.

Thoughts? 🙂

[Laura]

So, I created a Block type > Hook, Hook > Generate inside container, priority is set to default of 10, Location: All Singular (meaning all singular pages?), Users > All users but it doesn’t seem to make it so a new/blank page or existing pages have the container.

[Laura]

So now I have it as a Hook > generate inside container, priority 1, Location: Page > All Pages. No joy. I think I’m on the right track? 🙂

I’m using WP Main, boiler plate pages. So, for example, our About Us page as a boilerplate on WP Main lets me make changes to it as much as I want but then update it across tons of my sites. But, I want it to match the formatting of other pages where I manually “Group into Container”. It seems like the hook feature is meant to help me accomplish this.

If all pages should have xyz default element, in this case a WP Stackable container block which all content should by default be contained by…is a hook the right way to go? Can you help me with the settings?

[Laura]

I’m so close…if I do “generate_before_content” it shows up. But I can’t get the container to contain the content if that makes sense? The container shows up everywhere other than to contain the main content of the page.

[Elvin]

Hi there,

I’m not sure I fully understand what you’re trying to do.

To clarify:

You’re trying to create a template of how pages would look like using Stackable and its group of containers?

If so, I think you’ll need GP Premium 2.0’s new and improved Block Elements. On 2.0, it allows users to create content templates for posts or pages.

[Laura]

Yep, that’s exactly what I’m trying to do.

I have GP Premium 1.12.3. If there is an update, why is it not showing an update notification in my plugins screen? Do I need to manually download and upload it?

[Laura]

Ah, I see I think. It’s still in Beta so it’s not an official update normal style with a notification?

I’ve downloaded it and installing. Can you walk me through how to do what I want to do?

[David]

Hi there,

if you’re wanting to edit the content within each of the containers in your Post editor then this method won’t work. There is currently no WP Support for multiple content areas – that will come when WordPress releases it in its Full Site Editing updates… not sure when that will be.

The GPP method would be fine if you only had one editable content area ( which is provided by the Content Block in the GPP 2.0 Block Element ). And the rest of the containers were either static content or using Dynamic content eg. Dynamic Image Block, or some post meta from a Custom Field.

What it sounds like is you want to set a default template when creating a new page or post …. but there is no simple solution to that – it requires coding… heres an example of how to do it:

https://www.billerickson.net/gutenberg-block-templates/

But its not something we can provide support for.

[Laura]

So I’ve installed it, I go to Elements > Blocks > Add my Stackable container > Element Type Content Template > Templates > Tag Name Article > Apply to All Posts. In the middle section I have location Pages > All Pages and Users > All users.

But when I make a new page, it doesn’t appear in the editor. I made a test page, no container appeared. But then when I went to view the test page live, there is only the container there and not the test text I put in the editor.

I must be getting close…what am I missing?

[Ying]

Block element doesn’t work in that way.

It won’t appear in the page editor.

Your setting for the block element defines how page shows in front end, it replaces the original layout of the page.

Like David said if you are looking to edit the content within each of the containers in your Post/page editor, block element is not what you are looking for.

Unfortuanly you’ll need custom coding for it.

[Laura]

I just watched the video Leo did (it’s very helpful)
https://generatepress.com/introducing-the-gp-theme-builder/

So, if what I want is a container with rounded edges and a slight shadow, which now that I have played with GP Blocks I see it can do just like WP Stackable did, which would hold whatever text I have for pages, you are saying that won’t work? I’m confused. I’m thinking of it like stationary. I just want a container with 90 % width, xyz padding and rounded edges to be on every page then let me populate that container with my content. But to clarify, you are saying this won’t work without custom coding?

I’m confused about how it’s a theme builder/customizer but you can’t do something seemingly that simple? I still feel like I’m missing something 🙂

Thanks for your help as always.

[Laura]

So in the comments on the tutorial/video link…Tom says:

This is a different kind of system. Everything is purely dynamic, and you can apply your templates dynamically using our Display Rules.

and

The dynamic content is pulled from the current post/page/custom post type post being viewed. So as long as the content exists, it will work 🙂

Isn’t this exactly what I’m trying to do?

[Laura]

David: I’m re-reading your comment:

The GPP method would be fine if you only had one editable content area ( which is provided by the Content Block in the GPP 2.0 Block Element ). And the rest of the containers were either static content or using Dynamic content eg. Dynamic Image Block, or some post meta from a Custom Field.

I think I do only want one editable content area. I just want it to be a container I can control width, border, radius, padding etc. I can always add more containers and blocks inside it, right? I want every page to have that container as the one and only editable content block then fill it with other blocks. Does that make sense?

[Laura]

Also in Leo’s video, he pastes in (I think) a link to an icon when doing the comments item. How do you access more icons than the General and Social ones which appear as options as Leo did? Was it a link to an svg or icon image in his media library? I couldn’t tell. It looked like he double clicked in the icon box and a link showed up.

[Ying]

I see what you mean now, yes, you can do that with content template 🙂

You’ll need to add the dynamic content block to the block element (like what Leo’s video shows), it will then automatedly pull the content of the post.

Watch more videos, I think you’ll have a better idea of how to use it.

[Author]

Posts