Tutorial – CREATE SITEORIGIN PAGE BUILDER THEME LAYOUTS

159

Let’s continue the awesomeness, this time with one of the light and freemium WordPress page builder, it’s one I recommend with tons of predefined Widgets, and perfect stuff where you can create your site in just a matter of hours.

So what I’m thinking this time is to create and extend SiteOrigin Page Builder by creating Theme Layouts, SiteOrigin Page Builder does have lists ready to be triggered and added, just don’t have the functionality I need and instead let’s create our own.

Let’s get started

Syntax

That’s much all we need, I know you think, “what the heck?”, yep at first glance, you’ll think of it as a mess and hard to grasp what data should be in there, but it’s pretty easy, once you get it going and understand how it works.

What we’re trying to achieve here is simply add our own Theme Layout to an existing $layouts array, hence we’re just using filter here.

Complete Example

So here, I’ve added a complete Layout example, it does the following.

  • It display single row
  • With two grid-cell in it
  • On the first grid-cell we’ve added SO Headline Widget
  • and WP Text Editor on the second grid-cell
  • it’s self explainatory, hope it helps you continue.

That’s it, happy coding ^_^

Leave A Reply

Your email address will not be published.