Kadence Tutorial: Building Dynamic Content Templates with Kadence Repeater Block

exist WordPress In the build, if you need to show ACF or duplicate field content in a Meta Box, the traditional approach requires writing PHP templates or shortcodes. Now, with the help of Kadence Blocks Provided by Pro Kadence Repeater BlockThe program can be used directly in the Gutenberg Do it all in the editor and get the design and content presentation done in one go without touching the code.

What is the Kadence Repeater Block

Kadence Repeater is a highly visual editing module that supports displaying the contents of duplicate fields in the following plug-ins:

• Advanced Custom Fields Pro (ACFThe Repeater field in the
• Clonable Group field in the Meta Box plugin (the Group field itself should be set to clonable)

exist Gutenberg Once the block is inserted in the editor, the data source and fields can be simply configured to cycle through the relevant data, while freely using the Kadence Blocks Design adjustments are made to any block in the

Plug-ins to prepare

To use the Kadence Repeater block properly, you need to install one of the following combinations of tools:

• Kadence Blocks + Kadence Blocks Pro
• ACF Pro maybe Meta Box(Requires Meta Box Group plugin)

Typical Scenario Example: Sponsor Display List

Suppose you have a Repeater field named "Sponsor" that contains the following subfields:

• Sponsor Name
• Sponsor Logo
• Sponsored Links
• Sponsor Introduction

Now to display this information on the front page of the website. The traditional method is to write PHP, now just need the following steps.

Step 1: Add a Repeater block

exist Gutenberg Insert the Kadence Repeater block in the editor and follow the wizard:

• Select data source (ACF or Meta Box)
• Check the "Sponsor" field.

• Select a starting layout as the template starting point

The system will load the field contents and pre-fill some initial blocks for you.

Step 2: Design a content template

In the loaded template, you can freely add and edit blocks to display the content of the corresponding fields. The following blocks are recommended:

• Text (Adv): Display Sponsor Name
• Image (Adv): Display the logo and add a link
• Dynamic HTML: Presentation of introductory information

When editing each block that supports dynamic content, click on the Dynamic Content icon in the block to enable the Use Repeater Context option and select the corresponding subfield from the drop-down menu, e.g. "Sponsor Logo", "Sponsor Name", etc.

Step 3: Preview and Adjustment

failing agreement Kadence To use this block in Element, please select a sample post or page containing the target field as a preview object in the right-hand settings to make it easier to load and see the actual data results.

Block Setup Instructions

General Settings

• Source: Select field data source (ACF(e.g., Meta Box, Options Page, etc.)

• Repeater Field (Repeater Field): Check the fields that need to be displayed

• Column Settings (Columns): Set columns for desktop, tablet and mobile devices

• Column spacing vs. row spacing: Define the layout spacing under each device separately

Advanced Settings

• Padding and Margin: Custom Margins

• HTML Anchor ID: For navigation and localization

• CSS class name: Custom Style Extension

• Supports saving as default configuration for easy reuse

Displaying fields in the Options page or Settings page

If the field is not part of standard content such as articles, pages, etc., but is created in the ACF Repeater blocks can also be displayed on the Options page of a Meta Box or on the settings page of a Meta Box:

• In the block settings, Source selects "Options page"or"Setup page"
• Underneath the "Repeater field"Check the target field in the
• Adding a design block and binding the corresponding content fields

concluding remarks

Kadence Repeater blocks bring great flexibility and convenience to repeating field displays. Designs no longer rely on template files, and data displays can be quickly built in the visual interface. Combined with other advanced blocks in Kadence Blocks, you can realize even richer presentation effects.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off