<p>Advanced Page Template is a nice new approach to custom fields by page template.<br />
Please try to configure the custom fields easily in the template file itself using this plugin.</p>
<p>It doesn’t require to save any configuration data to database, just config the custom fields in template file itself as how wordpress recognize the templates – Its just wordpress way!</p>
<p>I think that it makes developing and deploying more easy and more sense for the developers. 🙂</p>
<p>Note: I highly recommend you to install and activate Advanced Custom Fields plugin so as to get its perfect benefit. Field Types only works with Advanced Custom Fields plugin.</p>
<h4>Usage</h4>
<p>Open a template file with any text editor and add some additional templating comment lines starting with @custom_field keyword:</p>
<p>Example 1:</p>
<pre>
/*
* Template Name: 2column-layout
*
* @custom_field main, type: wysiwyg, label: Main content
* @custom_field sidebar, type: wysiwyg, label: Sidebar
*/
</pre>
<p>Example 2:</p>
<pre>
/*
* Template Name: Contact Page
*
* @custom_field photo, type: image, label: Photo of manager
* @custom_field phone, type: text
* @custom_field map, type: google_map
* 
* Note: The photo, phone, map are the custom field names in each '@custom_field' line,
* therefore use wordpress's 'get_post_meta' or ACF's 'get_field' method with those custom field names to get the values in this template. :)
*/
</pre>
<p>Please bring the page edit link up in the backend and select the template which you just edited and hit ‘Update’ or ‘Save’ button.<br />
After page refreshing, You can’t miss new custom fields block from this template file.</p>
<p>Available Types and options with Advanced Custom Fields plugin are:</p>
<pre>
/*
* @custom_field tab1, type: tab, instructions: Tab

* @custom_field field1, type: checkbox, choices: (1|2|3), label: Checkbox
* @custom_field field2, type: color_picker, label: Color Picker
* @custom_field field3, type: email, label: Email
* @custom_field field4, type: file, label: File
* @custom_field field5, type: google_map, label: Google map
* @custom_field field6, type: image, label: Image
* @custom_field field7, type: message, message: Message goes right here, label: Message
* @custom_field field8, type: number, label: Number
* @custom_field field9, type: page_link, label: Page link
* @custom_field field10, type: password, label: Password

* @custom_field tab2, type: tab, label: Tab

* @custom_field field11, type: post_object, label: Post object
* @custom_field field12, type: radio, choices: (1|2|3), label: Radio
* @custom_field field13, type: relationship, label: Relationship
* @custom_field field14, type: select, choices: (1|2|3), label: Select
* @custom_field field15, type: taxonomy, label: Taxonomy
* @custom_field field16, type: text, label: Text
* @custom_field field17, type: textarea, label: Textarea
* @custom_field field18, type: true_false, label: True/False
* @custom_field field19, type: user, label: User
* @custom_field field20, type: wysiwyg, label: Wysiwyg
*/
</pre>


Advanced Page Template

Advanced Page Template is a nice new approach to custom fields by page template.

Jameel Moses

Roman Klabal

<p>Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews. Editing the fields layouts also happens in a modal for a better editing user experience.</p>
<h4>Image Conventions</h4>
<ul>
<li>The size of the image should be 730 x 300.</li>
<li>They should be named based on the layout’s name (<code>text_block</code>) with underscores converted to dashes (<code>text-block.jpg</code>).</li>
</ul>
<h4>Image Location</h4>
<p>Images should be placed in your theme. By default, images are located here: <code>THEME/lib/admin/images/acf-flexible-content-extended</code>.</p>
<p>Also note that you can filter this path, but it <strong>MUST</strong> be in your theme:</p>
<pre><code>add_filter( 'acf-flexible-content-extended.images_path', $path );
</code></pre>
<p><strong>NOTE:</strong> The path should not have a trailing beginning or trailing slash!</p>
<p>Additionally, you could filter all keys and/or images:</p>
<pre><code>add_filter( 'acf-flexible-content-extended.images', $images );
</code></pre>
<h4>Issues & Feature Requests</h4>
<p>If you identify any errors or have an idea for improving the plugin, feel free to open an <a href="https://github.com/jameelmoses/acf-flexible-content-extended/issues" rel="nofollow ugc">issue</a> or <a href="https://github.com/jameelmoses/acf-flexible-content-extended/pulls" rel="nofollow ugc">create a pull request</a>. Please provide as much info as needed in order to help resolving or approve your request.</p>


Flexible Content Extended for Advanced Custom Fields

Extends the ACF Flexible Content Field by transforming the layout list into a modal with image previews and editing in a modal for better UX.

Advanced Page Template vs Flexible Content Extended for Advanced Custom Fields