linknacional

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.
<h3>Key Features:</h3>
<ul>
<li>Elementor Integration:
<ul>
<li>Dynamic fields powered by ACF or SCF.</li>
<li>Shortcodes for displaying galleries and custom fields.</li>
</ul>
</li>
<li>Divi Integration:
<ul>
<li>Gallery component with grid or slider styles.</li>
<li>Loop component for posts or pages, dynamically filtered by ACF or SCF fields.</li>
</ul>
</li>
<li>Dynamic Fields:
<ul>
<li>Seamless connection between ACF/SCF fields and visual components.</li>
</ul>
</li>
<li>Shortcode Support:
<ul>
<li>Flexible shortcodes for Gutenberg and other editors.</li>
</ul>
</li>
</ul>
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.
<h3>Short Description</h3>
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.
<h3>Usage Instructions</h3>
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).
<ol>
<li>
In the Elementor editor:
<ul>
<li>On the Elementor page, use the plugin’s own components and insert the created fields through dynamic tags.</li>
</ul>
</li>
<li>
In the Divi theme editor, there are 2 components:
<ul>
<li>Performs the Loop and filters the posts inserted in it through the SCR Object component.</li>
<li>Creates a gallery in grid or slide style, allowing the user to customize the set of images coming from SCR.</li>
</ul>
</li>
</ol>
<h3>External Libraries</h3>
<ul>
<li><a href="https://kenwheeler.github.io/slick/" rel="nofollow ugc">Slick-carousel</a>: Library that creates sliders or grids dynamically.</li>
</ul>
<h3>Shortcode: [lknscf_field]</h3>
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.
<h3>Shortcode: [lknscf_gallery]</h3>
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.

Fields ACF & SCF for Elementor and Divi

Johann Heyne

The Table Field plugin is an Add-on and enhances the functionality of the <a href="https://www.advancedcustomfields.com" rel="nofollow ugc">Advanced Custom Fields (ACF) plugin</a> and the <a href="https://wordpress.org/plugins/secure-custom-fields/" rel="ugc">Secure Custom Fields plugin</a> with easy-to-edit tables.
This plugin requires the <a href="https://www.advancedcustomfields.com" rel="nofollow ugc">Advanced Custom Fields plugin</a> or the <a href="https://wordpress.org/plugins/secure-custom-fields/" rel="ugc">Secure Custom Fields plugin</a>!
The table field works also with the ACF repeater and flexible field types and supports the <a href="https://www.advancedcustomfields.com/blog/acf-5-8-introducing-acf-blocks-for-gutenberg/" rel="nofollow ugc">ACF Blocks for Gutenberg</a>
<h4>Features</h4>
<ul>
<li>Table Header (Option)</li>
<li>Table Caption (Option)</li>
<li>Support for ACF Gutenberg blocks</li>
<li>Add and remove table columns and rows</li>
<li>Change order of columns and rows by dragging</li>
<li>To move to the next cells editor press key: tab</li>
<li>To move to the previous cells editor press key: shift + tab</li>
</ul>
<h3>Translations</h3>
<ul>
<li>English – default, always included</li>
<li>German: Deutsch – immer dabei!</li>
<li>Danish: Dansk – altid der!</li>
<li>Polish: Polski – zawsze tam jest!</li>
</ul>
Note: Please <a href="https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields-table-field" rel="nofollow ugc">contribute your language</a> to the plugin to make it even more useful.
<h3>PRO</h3>
There is also a <a href="https://www.acf-table-field.com" rel="nofollow ugc">Table Field Pro</a> Add-on for the Advanced Custom Fields and Secure Custom Fields plugins.
<ul>
<li>Setup custom default table</li>
<li>Setup minimum and maximum amount of rows and columns</li>
<li>Setup style choice for the table and parts of the table</li>
<li>Restrict table editing functionalities</li>
<li>Configurable optional WordPress editor for cell content editing</li>
<li>Table head and foot rows</li>
<li>Stub column</li>
<li>Rowspan and colspan</li>
<li>Improved way for moving rows and columns</li>
<li>Disable moving individual columns</li>
<li>Support for REST-API</li>
<li>Support for WP GraphQL</li>
<li>Support for third-party plugins</li>
</ul>
The Pro plugin can run in parallel and you can change an existing field with field type “Table” to the field type “Table Pro” as required.
<a href="https://www.acf-table-field.com" rel="nofollow ugc">to the plugin website</a>

Table Field Add-on for ACF and SCF

This plugin handles a classic, seemingly simple, but surprisingly (or possibly annoyingly) complex development task of entering a table of data, very smoothly (in my experience).

Additionally, I encountered a bug in one of the most recent version, while implementing ACF Blocks using the ACF Table Field Plugin, and the Developer not only replied, but had a fix within 24hrs.  While, I'm sure other bugs might take a longer time to resolve, I'm grateful for the quick response and turn around in my experience.

Thank you!

Very Useful Plugin, and Responsive Dev :D

Was looking for a clean way to insert tables anywhere in my website. This is the solution.

Perfect

A Table Field Add-on for the Advanced Custom Fields and Secure Custom Fields Plugin.

Fields ACF & SCF for Elementor and Divi vs Table Field Add-on for ACF and SCF