Dustin Filippini

<p>Easily add and change Widget Areas on any page template using Advanced Custom Fields and the Advanced Custom Fields: Widget Area Field plugin.  This plugin will add a field with a drop-down selection of all registered Widget Areas in your WordPress installation.  You can select which widget area you would like to display in your template files when using ACF’s get_field and the_field functions.</p>
<p>As of version 1.0, support for ACF v5 is included.</p>
<h4>This Plugin Requires Advanced Custom Fields Version 4 or Higher</h4>
<p>Advanced Custom Fields can be found in the <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">WordPress Plugin Repository Here</a>.</p>
<h4>Compatibility</h4>
<p>This add-on will work with:</p>
<ul>
<li>Advanced Custom Fields version 4 and up</li>
</ul>


Advanced Custom Fields: Widget Area Field

Add-on to Advanced Custom Fields giving you a field to display Widget Areas.

owenr88

<p><strong>PLEASE NOTE: The following plugins or add-ons are required for this to work:</strong></p>
<ul>
<li><strong><a href="http://www.advancedcustomfields.com/" rel="nofollow ugc">Advanced Custom Fields</a> is ESSENTIAL</strong></li>
<li><strong>The Advanced Custom Fields <a href="http://www.advancedcustomfields.com/add-ons/flexible-content-field/" rel="nofollow ugc">Flexible Content add-on field</a> is essential</strong></li>
<li><strong><a href="https://wordpress.org/plugins/simple-contact-forms/" rel="ugc">Simple Contact Forms</a> is required for the Simple Contact Forms page builder section to work</strong></li>
</ul>
<p>The ACF Page Builder uses the Advanced Custom Fields Flexible Content field to create a bunch of completely customisable page elements. This plugin works best when used with <a href="http://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a>, but it isn’t essential. These elements include:</p>
<ul>
<li>Banner images</li>
<li>Buttons</li>
<li>Bootstrap Content Grids</li>
<li>Image Gallery (with text and caption)</li>
<li>Raw HTML and JavaScript</li>
<li><a href="https://wordpress.org/plugins/simple-contact-forms/" rel="ugc">Simple Contact Forms</a></li>
<li>WYSIWYG Content</li>
</ul>
<p>Each element can be configured – see the screenshots for configuration options. Default options are background colours, wrapper classes and if the element needs to be contained (Bootstrap only!) Please <a href="https://twitter.com/biglemontweets" rel="nofollow ugc">get in touch</a> or <a href="https://github.com/owenr88/acf-page-builder" rel="nofollow ugc">submit pull requests</a> for any more page sections.</p>
<p>The ACF Page Builder was created and is managed by <a href="http://www.biglemoncreative.co.uk" rel="nofollow ugc">Big Lemon Creative</a>.</p>
<h4>Configuration</h4>
<p>To configure which post types or page templates the page builder is displayed on, use the following filter in your functions.php file:</p>
<pre><code>function support_acfpb( $support = array() ) {

    $support['post_type'] = array(
        'page',
        'post'
    );

    $support['page_template'] = array(
        'page-templates/page-sectioned.php'
    );

    return $support;

}
add_filter('acfpb_set_locations', 'support_acfpb', 10, 1);
</code></pre>
<h4>Usage</h4>
<p>We designed the functions to match the ACF syntax of <code>get_field()</code> and <code>the_field()</code>. Use the functions below to get or directly echo the sections on the front end. The ID is optional.</p>
<pre><code>the_sections( $id );
</code></pre>
<p>OR</p>
<pre><code>echo get_sections( $id );
</code></pre>


Advanced Custom Fields Page Builder

A powerful and easy to use page builder, using the Advanced Custom Fields Flexible Content module.

Advanced Custom Fields: Widget Area Field vs Advanced Custom Fields Page Builder