ACF Theme Code for Advanced Custom Fields vs Fields ACF & SCF for Elementor and Divi

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.

Fields ACF & SCF for Elementor and Divi bridges the gap between ACF/SCF and popular page builders like Elementor and Divi. It allows users to create dynamic connections between custom fields and visual components, enhancing the flexibility of their WordPress websites. Key Features: Elementor Integration: Dynamic fields powered by ACF or SCF. Shortcodes for displaying galleries and custom fields. Divi Integration: Gallery component with grid or slider styles. Loop component for posts or pages, dynamically filtered by ACF or SCF fields. Dynamic Fields: Seamless connection between ACF/SCF fields and visual components. Shortcode Support: Flexible shortcodes for Gutenberg and other editors. This plugin is ideal for users who want to extend the functionality of ACF or SCF and integrate it with Elementor and Divi for advanced customization. Short Description A plugin that connects ACF (Advanced Custom Fields) or SCF (Secure Custom Fields) with Elementor and Divi, enabling dynamic fields, gallery components, and loop functionality. Usage Instructions After the installation process, locate the LKNSCF Settings option in the WordPress admin bar and select the plugin(s) you want to work with. Create the fields in SCF and define them on the Gutenberg editing page. After filling in the fields, proceed to the Plugin editing page (Elementor or Divi). In the Elementor editor: On the Elementor page, use the plugin’s own components and insert the created fields through dynamic tags. In the Divi theme editor, there are 2 components: Performs the Loop and filters the posts inserted in it through the SCR Object component. Creates a gallery in grid or slide style, allowing the user to customize the set of images coming from SCR. External Libraries Slick-carousel: Library that creates sliders or grids dynamically. Shortcode: [lknscf_field] Use this shortcode to display a text field or a checkbox. Minimum required parameter: [lknscf_field name=”SCF Field”]. Parameters for [lknscf_field]: name: The name of the SCF field to retrieve the field value. This is a required parameter. type: Optional. The type of field (e.g., “text” or “checkbox”). The default is “text”. label: Optional. The label to be displayed next to the field (e.g., “Name:”). tag: Optional. The HTML tag to wrap the field. Can be “h1”, “h2”, “h3”, “p” or “span”. The default is “p”. font_size: Optional. The font size for the field text. The default is 16px. color: Optional. The color of the field text. The default is (#000000). background_color: Optional. The background color for the field. The default is transparent. border_radius: Optional. The border radius for the field. The default is 0px. checkbox_size: Optional. The size (height and width) of the checkbox. The default is 16px. Shortcode: [lknscf_gallery] Use this shortcode to display a gallery. Minimum required parameter: [lknscf_gallery name=”SCF Field”]. Parameters for [lknscf_gallery]: name: The name of the SCF field to retrieve the gallery items. This is a required parameter. gallery_style: Optional. The style of the gallery, can be “grid” or “slider”. The default is “grid”. width: Optional. The width of the images in the gallery. The default is 250px. height: Optional. The height of the images in the gallery. The default is 250px. images_count: Optional. The number of images per slider. The default is 1. dots: Optional. Whether to display navigation dots in the slider. The default is “true”. autoplay: Optional. Whether to autoplay the slider. The default is “true”. arrows: Optional. Whether to display navigation arrows in the slider. The default is “true”. delay: Optional. The delay between slides in autoplay mode, in milliseconds. The default is 7000ms.