Layouts Genesis Integration Available (beta)

   Amir

November 12, 2015

We’ve just released a first (and deeply tested) version of the integration between Genesis theme and Layouts. This release, besides offering new and unique functionality, also marks a shift in our approach to building websites with Toolset.

Combining Drag-and-Drop, Bootstrap and Genesis

If you’re developing with Genesis, you probably love the speed, security, child themes and developer resources. And, if you’re reading this blog, you surely like the power and flexibility that comes with Toolset plugins.

The new integration between Genesis and Layouts lets you enjoy both, without sacrificing anything.

Your design process begins in the Layouts editor.

Layout with Genesis cells
Layout with Genesis cells

Appears standard, but when you look inside, you will discover new Genesis cells.

The new Genesis cells, alongside the standard Layouts cells
The new Genesis cells, alongside the standard Layouts cells

This integration lets you design page layouts with complete freedom, including all the Toolset power and Genesis features.

You can create custom content lists with Views, design page templates with Content Template, include front-end CRED forms for content editing and anything else that Toolset can do. All this, combined with all the features of Genesis and its child theme.

And, since we’re loading Bootstrap for you, you can also use all the CSS power that Bootstrap has to offer.

A few layout examples, we achieved in less than a minute

Layout 1 Layout 2 Layout 3
page1 page2 page3
layout1 layout2 layout3

These are all different layouts for the same page. It took longer to take the screenshots and upload them to this post than to produce the layouts.

Download and Install

There is no setup and no preparation needed. You should install and activate:

  • Genesis theme
  • Layouts plugin 1.4.1 or later – currently in beta
  • Layouts Genesis Integration plugin – currently in beta
  • Types, Views, CRED and Access plugins, according to the features that you need

To get the ‘beta’ plugins, go to the Downloads page, in your Toolset account, and switch to Beta (at the top-left of the page).
And, voilà!

After you activate everything, go to the Layouts menu, design your first layout and assign it to the content you want.

A Shift in how we Look at Toolset

For a long time, we’ve looked at Toolset as a way to add custom functionality to WordPress sites. Things that the theme doesn’t do, you can accomplish with Toolset. You, our clients, taught us otherwise. You showed us that you’re using Toolset not just to plug holes, but to develop entire sites. To make this process easier for you, we are working on tight integration between Layouts and popular WordPress themes.

The Genesis integration is a pilot. We wanted to see that it’s possible and how long it takes to integrate Toolset with a large theme.

The entire Toolset team will be focusing its efforts, in the next few months, integrating Layouts with popular themes. We are working on the default WordPress themes (2015, 2016), popular themes from Themeforest and from other great development houses.

When this sprint is complete, you will be able to use the entire Toolset package, including Layouts, with your themes and no integration. We want you to enjoy drag-and-drop design and everything that Toolset has to offer, without wasting time.

Questions? Suggestions? Ideas? Leave your comments and we’ll get back to you.

 

Comments 36 Responses

  1. Great stuff!! Just in time to put in use with a new site I’m developing, but…

    “The ENTIRE Toolset team will be focusing its efforts, in the next few months, integrating Layouts with popular themes.”

    This means that “embedded toolset” functions were postponed? I had big expectations on that, but it is not working properly.

    • Toolset plugins are working in embedded mode and quite a lot of people are using it. Is there anything that you’re missing there?

        • Thanks. Just to clarify, bug fixes always come first. No matter what we’re working on, when we get bug reports, we handle them. I’ll check on the status of this issue and make sure it gets handled.

  2. Hi Amir,

    The steady, incremental improvements are exemplary. Your team has a very good approach.

    I did some testing of the Layouts-Genesis integration and things seem to work well. I submitted a few suggestions via the support channel.

    Good job!

  3. I really like this integration. we can use the genesis power and layout together. Really hope to have this integration out of beta soon.

    • We received feedback and some suggestions from others regarding this integration. Nothing is broken, just a few Genesis-specific features to include. We’ll add them and then release it as a normal version (not beta).

  4. Integration with themes it’s a excellent idea.
    It would be great if you can include Beans Framework in the integrated themes – thanks.

    • This is coming too. We’re already got 90% of the integration with Foundations framework. We need to complete work on image responsiveness. Which Foundations themes are you using?

  5. Wow guys… my hat is off to you. The genesis theme integration looks awesome. I can’t wait until I have a little time to play around with it!

    • How would you see the integration between Headway and Layouts? What would you do in Layouts and what in Headway?

  6. Hi Amir,
    Is that possible to have the Genesis integration that call the Foundation framework CSS instead of Bootstrap? I had the chance to use foundation in a couple of websites and really liked it.

    I love the block grids that use ul tags a lot, a feature that is missing in Bootstrap.

    Also can you ask the developees to test the Dynamik website builder which is also a Genesis child theme?

    Many Thanks

    • That’s a very interesting idea. We’ll release the Foundations integration soon and we’ll be able to see how easy it is to merge between the two.

  7. Amir,
    I think it will be ideal to have Layouts offering an option like:
    Choose your CSS framework, having two radio button options, one for Bootstrap and the other for Foundation.

    No idea if that is feasible for developers.

    I think that merging Layouts, Genesis and Foundation can be the best of the best platform to build websites for clients.

    I like Bootstrap but I think that Foundation is superior.

    Look forward to good news on this.

    • Makes sense. We’ll try to release the Foundation support ASAP. Then, we’ll see how possible something like this is.

  8. It would be great to have a responsive grid option for genesis. Like the “bootstrap grid” for bootstrap based themes.

    • Yes, with the Genesis/Layouts integration, the grid will be fully responsive. It’s already working now in the beta. Try it and see how it works.

    • Forgive me my ignorance. I didn’t know that, but I think I didn’t explain myself too well. I read a support item where someone added the column classes of genesis into the loop of a table grid. (creating a view) This solution works for me as well, though I’ve just started to experiment with this.

    • We’re closing other development very soon and then we’re starting to clean all issues with PHP 7. I estimate that it’s a month’s work from now.