ACF Theme Code for Advanced Custom Fields vs Image Aspect Ratio Crop Field for Advanced Custom Fields

A field for Advanced Custom Fields that forces the user to crop their image to specific aspect ratio or pixel size after uploading. Using an aspect ratio is especially useful in responsive image use cases. After cropping, a new cropped image variant is created in the gallery and saved into the post. Thumbnails are also generated for the new image. User can re-crop the original image at any time from the post page. The cropped image variants are hidden by default in the media browser and on the media page but you can view them by selecting the “list view” on the media page. There are three modes of operation: aspect ratio, pixel size and free crop. You can select this option when creating the field in ACF field options. Aspect ratio Use this option if you want the image to be of specific aspect ratio like 16:9 but the pixel size is not important. After selecting an image, user can select an area from the image that matches this aspect ratio. When crop button is pressed, the area is cropped from the original image. If you need a smaller image size, you make use of WordPress’s thumbnail functionality to access a smaller version of the image. Pixel size Use this option if you need a specific pixel size image like 640×480. User will not be able to select an image smaller than the defined pixel size. After selecting an image, user can select an area from the image they want, which can be larger than the pixel size but may not be smaller. The aspect ratio of the selection is locked according to the pixel size. When crop button is pressed, the area is cropped from the original image. After the crop is complete, the image will be automatically scaled down to the pixel size. This means the final image will always be the specified size. Free crop Crop can be done freely, there are no aspect ratio limitations. Requirements WordPress 4.9 or later PHP 5.6 or later Advanced Custom Fields 5.8 or later (Pro or Free) Compatibility Polylang Pro Enable Media Replace WP Offload Media, Media Cloud and other plugins that move media files to remote location ACF 5.8 or later (Pro or Free) Thanks Special thanks to Anders Thorborg for ACF Image Crop which served as a inspiration for this plugin. Also, thanks to Fengyuan Chen for the cropper.js library!

The ACF Theme Code plugin automatically generates the code needed to implement Advanced Custom Fields in your themes. Video note: This free version of ACF Theme Code now supports ACF 6. Features Reduce your development time. When you publish, edit or update an ACF Field Group, the code required to implement your fields is displayed in the Theme Code section at the bottom of your Edit Field Group page. Use the clipboard icons in this section quickly copy and paste the code blocks into your theme templates. Quality, flexible, custom code. The code generated by Theme Code Pro is based on the official Advanced Custom Fields documentation and includes escaping for secure output. All code generated has been thoroughly tested and is created with speed and flexibility of implementation in mind. Comprehensive field support This version of ACF Theme Code generates code for all the field types included in the free version of Advanced Custom Fields (see the full list of field types and settings below). The code generated is specific to the field names and field settings you use for each of your fields. ACF Theme Code PRO ACF Theme Code PRO is the premium version of this plugin. It has the following additional features. Support for all the complex field types that are included in Advanced Custom Fields PRO. Repeater Flexible Content Gallery Clone The addition of a Theme Code Location Registration Tool to the ACF Tools page that generates code for registering locations. Blocks Options Pages Support for more complex ACF Field Group Locations. Block Options Page Widget Taxonomy Comment Attachment Current User User Form Support for a range of third party fields. Upgrade or learn more about ACF Theme Code PRO. ACF fields supported This free version of ACF Theme Code generates code for the following ACF field types and settings: Text Text Area Number Range Email URL Password Image (return types Array, URL and ID) File (return types Array, URL and ID) WYSIWYG Editor oEmbed Select (values Single and Multiple, return types Value, Label and Array) Checkbox (return types Value, Label and Array) Radio Button (return types Value, Label and Array) Button Group (return types Value, Label and Array) True / False Link (return types Array and URL) Post Object (values Single and Multiple, return types Post Object and Post ID) Page Link (values Single and Multiple) Relationship (return types Post Object and Post ID) Taxonomy (appearances Checkbox, Multi Select, Radio Buttons and Select, return types Term Object and Term ID) User (values Single and Multiple, return types User Array, User Object and User ID) Google Map Date Picker Date Time Picker Colour Picker Group Requirements Advanced Custom Fields or ACF PRO (version 5.8.9 or higher) Thank you Thanks to all of our beta testers. Including Elliot Condon, Phil Smart, Richard Johnston and James Bundey. Translations Would you like to use the ACF Theme Code plugin in your native language? Then why not contribute a translation via translate.wordpress.org. If you are new to translating plugins, there is a helpful First Steps guide available. View the current state translations for ACF Theme Code. Any and all assistance with translations is greatly appreciated. Please let us know if you need any help with submitting translations.