Francesco Canovi

Black Studio

Marco Chiesi

<p>The Genesis framework by StudioPress is the leading WordPress theme framework on the market. Unfortunately most of the available child themes have a prebuilt layout for the home page, that can’t be easily customized, unless you are a developer, as it requires dealing with templates, hooks, etc.<br />
On the other side Page Builder by SiteOrigin is a plugin that allows you to create responsive page layouts using widgets with simple drag and drop operations.<br />
You may combine Genesis and Page Builder to build a flexible layout for your home page. To do so you have to configure a static page in your WordPress <code>Reading</code> Settings and build that page using Page Builder, but there are still some caveats when doing this, related to how Genesis handles static pages (page title, layout, styles, etc).<br />
This plugin fills the gap between Genesis themes and Page Builder, providing a quick and ready-made solution to let the two play nicely together.</p>
<p>In particular this plugin does the following:</p>
<ul>
<li>Adds the Page Builder support to the current theme</li>
<li>Adds the <code>Home Page</code> menu under <code>Appearance</code> in WordPress dashboard</li>
<li>Forces the Genesis full width layout for the front page</li>
<li>Replaces Genesis child theme loop with the page content generated with Page Builder</li>
<li>Allows you to control some CSS variations to adjust layout in specific use cases</li>
<li>Supports both Genesis XHTML and HTML5 child themes</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>A child theme based on the <a href="https://www.studiopress.com/" rel="nofollow ugc">Genesis framework by StudioPress</a></li>
<li><a href="https://wordpress.org/plugins/siteorigin-panels/" rel="ugc">Page Builder by SiteOrigin</a> plugin</li>
</ul>
<h4>Recommended additional plugins to use</h4>
<ul>
<li><a href="https://wordpress.org/plugins/black-studio-tinymce-widget/" rel="ugc">Black Studio TinyMCE Widget</a></li>
<li><a href="https://wordpress.org/plugins/so-widgets-bundle/" rel="ugc">SiteOrigin Widgets Bundle</a></li>
<li><a href="https://wordpress.org/plugins/genesis-featured-content-widget/" rel="ugc">Genesis Sandbox Featured Content Widget</a></li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Black Studio web site</a></li>
<li><a href="https://wordpress.org/plugins/black-studio-homepage-builder/faq/" rel="ugc">FAQ</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-homepage-builder" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-homepage-builder" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-homepage-builder#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-homepage-builder/" rel="nofollow ugc">donation</a>.</li>
</ul>


Black Studio Homepage Builder for Genesis

Customize the home page of Genesis framework child themes using Page Builder by SiteOrigin.

Themes4WP

<p>Plugin to generate front page (home page). Universal plugin for almost every theme. You can turn your blogging theme into one page layout with easy. It is lightweight but powerful tool to create awesome front page.</p>
<h4>Demo</h4>
<p><a href="http://front-page-builder.themes4wp.com" rel="nofollow ugc">Demo layout</a> is included in the plugin. Activate the plugin and check your front page.</p>
<h4>How to setup plugin</h4>
<p>Go to Customizer – Front Page Builder Settings – Front Page Layout and drag & drop (or disable) sections. Go back and setup the section one by one</p>
<h4>Documentation</h4>
<p><a href="http://demo.themes4wp.com/documentation/category/front-page-builder/" rel="nofollow ugc">Documentation</a> is available on Themes4WP documentation page.</p>
<h3>Supported Themes</h3>
<p>The following themes are currently tested supported out of the box.</p>
<ul>
<li><a href="https://themes4wp.com/theme/bulk-one-page/" rel="nofollow ugc">Bulk One Page</a> – by Themes4WP</li>
<li><a href="https://wordpress.org/themes/bulk/" rel="ugc">Bulk</a> – by Themes4WP</li>
<li><a href="https://wordpress.org/themes/bulk-blog/" rel="ugc">Bulk Blog</a> – by Themes4WP</li>
<li><a href="https://wordpress.org/themes/bulk-blog/" rel="ugc">Bulk Shop</a> – by Themes4WP</li>
<li><a href="https://wordpress.org/themes/twentyseventeen/" rel="ugc">Twenty Seventeen</a> – by WordPress.org</li>
<li><a href="https://wordpress.org/themes/twentysixteen/" rel="ugc">Twenty Sixteen</a> – by WordPress.org</li>
<li><a href="https://wordpress.org/themes/twentyfifteen/" rel="ugc">Twenty Fifteen</a> – by WordPress.org</li>
<li><a href="https://wordpress.org/themes/oceanwp/" rel="ugc">OceanWP</a> – by oceanwp</li>
<li><a href="https://wordpress.org/themes/hestia/" rel="ugc">Hestia</a> – by Themeisle</li>
<li><a href="https://wordpress.org/themes/astra/" rel="ugc">Astra</a> – by Brainstorm Force</li>
<li><a href="https://wordpress.org/themes/sydney/" rel="ugc">Sydney</a> – by athemes</li>
<li><a href="https://wordpress.org/themes/mesmerize/" rel="ugc">Mesmerize</a> – by extendthemes</li>
<li><a href="https://wordpress.org/themes/storefront/" rel="ugc">Storefront</a> – by Automattic</li>
<li><a href="https://wordpress.org/themes/total/" rel="ugc">Total</a> – by Hash Themes</li>
<li><a href="https://wordpress.org/themes/shapely/" rel="ugc">Shapely</a> – by Silkalns</li>
<li><a href="https://wordpress.org/themes/generatepress/" rel="ugc">GeneratePress</a> – by Tom</li>
<li><a href="https://wordpress.org/themes/spacious/" rel="ugc">Spacious</a> – by ThemeGrill</li>
<li><a href="https://wordpress.org/themes/envo-business/" rel="ugc">Envo Business</a> – by EnvoThemes</li>
<li>And much more…</li>
</ul>


Front Page Builder

Easily build beautiful home pages. Easy to use with any theme.

Black Studio Homepage Builder for Genesis vs Front Page Builder