Maxime Culea

BE API

<p>Transform ACF’s flexible layouts list into a nice and UX popup.</p>
<h3>How ?</h3>
<p>By default there is a “default” image for layouts. But the idea is to customize them by adding your own.</p>
<h3>Image convention</h3>
<ul>
<li>The size of image should be 366 x 150 or bigger 732 x 300.</li>
<li>They should be named based on the flexible key (<code>push_2_light</code>) with no underscores but dashes (<code>push-2-light.[extension]</code>).</li>
<li>The following extensions will be resolved in that order: <code>.jpg</code>, <code>.jpeg</code>, <code>.png</code> and <code>.gif</code>.</li>
</ul>
<h3>Where images should be situated</h3>
<p>They should more likely be situated into your theme <code>wp-content\themes\my-theme\assets\bea-beautiful-flexible\</code>. But if you have a child-theme and added images into it, these will overwrite those from parent-theme.<br />
The following directories will be solved according to order: plugin’s folder, child theme’s folder, theme’s folder.</p>
<p>Also note that you can filter this path to gather all your images into a same folder :</p>
<pre><code>add_filter( 'bea.beautiful_flexible.images_path', $path );
</code></pre>
<p>Finally, you could filter all images like this :</p>
<pre><code>add_filter( 'bea.beautiful_flexible.images', $images );<h3>Who ?</h3>
</code></pre>
<h3>Credits</h3>
<p>Special thanks to HWK, from his blogpost, we created a WordPress plugin with custom tuning (js+css).</p>
<h3>Creator</h3>
<p>Created by <a href="https://beapi.fr" rel="nofollow ugc">Be API</a>, the French WordPress leader agency since 2009. Based in Paris, we are more than 30 people and always <a href="https://beapi.workable.com" rel="nofollow ugc">hiring</a> some fun and talented guys. So we will be pleased to work with you.</p>
<p>This plugin is only maintained, which means we do not guarantee some free support. Consider reporting an <a href="https://github.com/BeAPI/bea-media-analytics/issues" rel="nofollow ugc">issue</a> and be patient.</p>
<p>To facilitate the process of submitting an issue and quicker answer, we only use Github, so don’t use WP.Org support, it will not be considered.</p>


BEA – Beautiful Flexible

Not working any more, plugin used hooks from ACF that do not exists any more.

Cleary not working

Transform ACF's flexible layouts list into a nice and UX popup.

<p>To use ACF Beautiful Flexible, simply activate the plugin to improve the ACF flexible UI. By default, it uses random images, but the idea is to customize them by adding your own.</p>
<h4>Image convention</h4>
<ul>
<li>The size of image should be 366×150 or bigger 732×300.</li>
<li>They should be named based on the flexible key (<code>push_2_light</code>) with no underscores but dashes (<code>push-2-light.[extension]</code>).</li>
<li>The following extensions will be resolved in that order: <code>.jpg</code>, <code>.jpeg</code>, <code>.png</code> and <code>.gif</code>.</li>
</ul>
<h4>Where images should be situated</h4>
<p>They should more likely be situated into your theme <code>wp-content\themes\my-theme\assets\acf-beautiful-flexible\</code>. But if you have a child-theme and added images into it, these will overwrite those from parent-theme.<br />
The following directories will be solved according to order: plugin’s folder, child theme’s folder, theme’s folder.</p>
<p>Also note that you can filter this path to gather all your images into a same folder :<br />
    add_filter( ‘acf_beautiful_flexible.images_path’, $path );</p>
<p>Finally, you could filter all images like this :<br />
    add_filter( ‘acf_beautiful_flexible.images’, $images );</p>
<h4>About ACF Beautiful Flexible</h4>
<p>I, <a href="https://profiles.wordpress.org/MaximeCulea" rel="nofollow ugc">Maxime Culea</a>, have created this plugin which I only maintain. I do not guarantee some free support. Also, thank others listed in the <a href="https://github.com/MaximeCulea/acf-beautiful-flexible/blob/main/CREDITS.md" rel="nofollow ugc">credits</a>.</p>
<p>Consider reporting an <a href="https://wordpress.org/support/plugin/acf-beautiful-flexible/" rel="ugc">issue</a> and be patient.<br />
Any code suggestions? I am on <a href="https://github.com/maximeculea/acf-beautiful-flexible" rel="nofollow ugc">GitHub</a> as well!</p>


ACF Beautiful Flexible

ACF Beautiful Flexible: Transform ACF's flexible layouts list into a beautiful popup.

BEA – Beautiful Flexible vs ACF Beautiful Flexible