Fields ACF & SCF for Elementor and Divi vs Subtle Icons – SVG Icon Block Suite, Icon Picker & ACF Field

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.

Subtle Icons is a lightweight plugin that brings thousands of icons directly into the WordPress block editor and Advanced Custom Fields (ACF). Stop enqueuing heavy FontAwesome stylesheets. Subtle Icons generates clean, inline SVG code natively in the editor, keeping your frontend free of external scripts and font files. The Ultimate WordPress Icon Picker Powered by the massive Iconify ecosystem, easily search and insert icons from dozens of popular open-source libraries without leaving the WordPress editor. Supported libraries include: Lucide Icons Material Design Icons Heroicons FontAwesome Bootstrap Icons Phosphor Icons …and dozens more, or upload your own custom SVGs! Four Native Gutenberg Icon Blocks Icon Button Block: Prompt visitors to take action with a native-feeling button block supporting leading and trailing icons. Icon List Block: Create clean lists with icons that match your theme and improve scanability. Icon + Text Block: Pair an icon with text for notices, callouts, and feature highlights. Icon Block: A standalone SVG icon block with sizing, thickness, and color controls. Advanced Custom Fields (ACF) Integration Bring icons to your structured content. Subtle Icons adds a fully integrated Icon Picker field to ACF. Add icons to taxonomies, repeaters, options pages, and custom blocks seamlessly. Built for Developers & Custom Integrations Take full control of the icon workflow. Use our lightweight filters and actions to tailor the experience for your clients and custom builds. Filter or restrict available icon collections Configure default block icons globally Robust developer documentation and more extensibility coming soon! Development The complete source code for this plugin, including all uncompiled JavaScript and CSS, is available at this public GitHub repo. Build requirements: Node.js and npm. To build from source: Clone the repository: git clone https://github.com/skysarwer/subtle-icons Install dependencies: npm install Compile assets for production: npm run build Or start a development watcher: npm start External Services This plugin uses the Iconify API to power the Icon Picker. The API is never called on the public frontend; it only runs in the WordPress admin when actively used by a logged-in user with post-editing capabilities. No personally identifiable information (PII) is transmitted. For more details, see “How is data sent to Iconify” in our FAQs.