Dynamic fields - Greenshift

Blog Staff

October 13, 2022

You can use many dynamic data inside different blocks. All dynamic fields support retrieving data from current item (so, you can build custom Single and Archive templates) and also data retrieval from definite items. For example, you can get image from other post.

There are two basic types of dynamic fields: Hybrid dynamic and Full dynamic types.

2.0 version has update to retrieve also array values. You can get values from multidimensional fields

6.5 version All in One plan has now included the ACPT plugin for making custom metas. Please, note that the keys of fields work differently in ACPT, you must include the field group in the key. For example, you made Group with the key “test” and placed the Text field with the key “text”. In Dynamic fields of Greenshift, you must use test_text for the key to retrieve the text field value

Hybrid dynamic fields

Hybrid dynamic fields are injected into blocks as options. Such blocks continue to be regular editable blocks but you can replace part of content with dynamic data. For example, you can set part of text to be dynamic or replace background image with dynamic URL, etc

Here is list of supported blocks and data in hybrid dynamic blocks

Advanced Text and Advanced Heading block

You can add dynamic part to these blocks and combine them with static area. Supported dynamic data

Custom fields
Taxonomy values (for example you can show post categories or custom taxonomy)
Post data (title, excerpt, date, comment count)
Author data, User data (name, registration date, description, User Meta)
Taxonomy Archive data
Site data (Site name, site description, current year, current month, database options, transients)
Post taxonomy (Taxonomy Meta fields, taxonomy name, taxonomy description)
Repeater data (get data from connected relationships, arrays, json)

Dynamic text in update for Query Addon of Greenshift. There are also other supported dynamic types: backgrounds, video URL, button URL, Meta getter, etc#GreenshiftWP #WordPress #Gutenberg pic.twitter.com/5K66lNbnAX
— Greenshift (@GreenshiftWP) October 12, 2022

Dynamic Background Option

Almost All blocks have Background panel. Now, you can attach dynamic image as block background.

This supports next formats

Featured post image
Custom field images (URLs or image ids)
Taxonomy Metas (so you can use it for Taxonomy Templates)

Dynamic background option is available for Parallax Background block. So, you can build Custom Single Templates with parallax in Featured image, text effects in title, etc. No limits, no code, only your creativity#GreenshiftWP #WordPress #Gutenberg pic.twitter.com/mb3GwWeAMF
— Greenshift (@GreenshiftWP) October 13, 2022

VideoBlock

You can save video URL in your custom field and then, use this value for videoblock URL.

Tip. Also, in some scenarios, for example, when you need to retrieve self hosted video URLs, it’s better to use Video Tag block and add dynamic option on “src” attribute in dynamic attributes

Button Block

Supported types:

Post permalink (so, you can insert dynamic link of current or definite post)
Custom field value
Repeater data

You can also use placeholders in dynamic labels. Use {DYNAMIC} and this will replace part of label instead whole label

Container Links

Container block has dynamic option to use it as linkable element which is retrieved from post link or custom field value

Dynamic Progress Bar

For Progress bar block and circle bar, you can enable dynamic fields and retrieve values from custom fields.

Dynamic Counter

For Counter block, you can enable dynamic fields and retrieve values from custom fields.

Dynamic Countdown

For CountDown Block, you can enable dynamic fields and retrieve values from custom fields.

Dynamic 3d

You can enable dynamic fields for 3d viewer block and for Spline3d block

Dynamic Attributes

Our special Element block has option to use Dynamic attributes. Now you are not limited to existed fields, you can attach data to any attribute of block, even that are not existed in block options.

Full Dynamic Blocks

Full dynamic blocks have dynamically rendered content on server. These blocks use current context to be used inside Query Loop Builder (but you are not limited).

Meta getter

This is a universal block to get different post data. Supported types

Custom fields
Taxonomy values and meta (for example you can show post categories or custom taxonomy)
Post data (title, excerpt, date, comment count)
Author data and User data (name, registration date, description, User Meta)
Woocommerce data (attributes, attribute links, swatches)
ACF-specific, Metabox, ACPT, Jetengine fields (image, multi-choice fields, repeater fields, and all others)
File field (will convert ID of attachment to URL automatically)
Site data (options, transients, etc)

Meta getter also has post-processing which allows you to use specific data in your fields:

Email field (will be converted to mailto: links)
Date types and other formats converter to WordPress human readable date
WYSIWYG fields (paragraph and line breaks converter)
Post Link (allows you to wrap your values with a link to the inner post)
Comma-separated values to lists and multi-column conversion
String to tel: link conversion
Numeric conversions

Check demo here

Dynamic Title Block

This is the same as the core Post title block, but it has more design options, and responsive options and also can be used to retrieve values from definite posts. It supports also post types and repeater

Dynamic Image Block

This is the same as the core Post image block, but it has more design options, responsive options, and size options and also can be used to retrieve values from definite posts. It supports also post types and repeater

Dynamic Gallery, Slider, Carousel

This allows you to get images from post attachments, custom fields, and gallery fields. You can use it as an image grid or as a Slider, a carousel of images

Dynamic Map block

This block supports multi markers which can get values from Map fields (ACF Map as an example).

Relationship and Repeater blocks

This kind of data can be used with Repeater Builder. You can show any kind of repeatable arrays and also you can use this to retrieve values from connected custom post items from relationship type of fields (for example, in ACF). This also supports related posts which are saved as ids with comma-separated numbers.

Check in-depth overview of Dynamic fields

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

<p>You can use many dynamic data inside different blocks. All dynamic fields support retrieving data from current item (so, you can build custom Single and Archive templates) and also data retrieval from definite items. For example, you can get image from other post.</p>

<p>There are two basic types of dynamic fields: Hybrid dynamic and Full dynamic types.</p>

<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-ab0bb224-b7bd" id="gspb_infoBox-id-gsbp-ab0bb224-b7bd"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text">
<p>2.0 version has update to retrieve also array values. You can get values from multidimensional fields</p>
</div></div></div>

<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-6a12ff0d-3c3e" id="gspb_infoBox-id-gsbp-6a12ff0d-3c3e"><div class="gs-box notice_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 486.463 486.463"> <g> <g> <path d="M243.225,333.382c-13.6,0-25,11.4-25,25s11.4,25,25,25c13.1,0,25-11.4,24.4-24.4 C268.225,344.682,256.925,333.382,243.225,333.382z"></path> <path d="M474.625,421.982c15.7-27.1,15.8-59.4,0.2-86.4l-156.6-271.2c-15.5-27.3-43.5-43.5-74.9-43.5s-59.4,16.3-74.9,43.4 l-156.8,271.5c-15.6,27.3-15.5,59.8,0.3,86.9c15.6,26.8,43.5,42.9,74.7,42.9h312.8 C430.725,465.582,458.825,449.282,474.625,421.982z M440.625,402.382c-8.7,15-24.1,23.9-41.3,23.9h-312.8 c-17,0-32.3-8.7-40.8-23.4c-8.6-14.9-8.7-32.7-0.1-47.7l156.8-271.4c8.5-14.9,23.7-23.7,40.9-23.7c17.1,0,32.4,8.9,40.9,23.8 l156.7,271.4C449.325,369.882,449.225,387.482,440.625,402.382z"></path> <path d="M237.025,157.882c-11.9,3.4-19.3,14.2-19.3,27.3c0.6,7.9,1.1,15.9,1.7,23.8c1.7,30.1,3.4,59.6,5.1,89.7 c0.6,10.2,8.5,17.6,18.7,17.6c10.2,0,18.2-7.9,18.7-18.2c0-6.2,0-11.9,0.6-18.2c1.1-19.3,2.3-38.6,3.4-57.9 c0.6-12.5,1.7-25,2.3-37.5c0-4.5-0.6-8.5-2.3-12.5C260.825,160.782,248.925,155.082,237.025,157.882z"></path> </g> </g> </svg></div><div class="gs-box-text">
<p>6.5 version All in One plan has now included the ACPT plugin for making custom metas. Please, note that the keys of fields work differently in ACPT, you must include the field group in the key. For example, you made Group with the key "test" and placed the Text field with the key "text". In Dynamic fields of Greenshift, you must use test_text for the key to retrieve the text field value</p>
</div></div></div>

<h2 class="wp-block-heading" id="hybrid-dynamic-fields">Hybrid dynamic fields</h2>

<p>Hybrid dynamic fields are injected into blocks as options. Such blocks continue to be regular editable blocks but you can replace part of content with dynamic data. For example, you can set part of text to be dynamic or replace background image with dynamic URL, etc</p>

<p>Here is list of supported blocks and data in hybrid dynamic blocks</p>

<h3 class="wp-block-heading" id="advanced-text-and-advanced-heading-block">Advanced Text and Advanced Heading block</h3>

<p>You can add dynamic part to these blocks and combine them with static area. Supported dynamic data</p>

<ol>
<li>Custom fields</li>

<li>Taxonomy values (for example you can show post categories or custom taxonomy)</li>

<li>Post data (title, excerpt, date, comment count)</li>

<li>Author data, User data (name, registration date, description, User Meta)</li>

<li>Taxonomy Archive data</li>

<li>Site data (Site name, site description, current year, current month, database options, transients)</li>

<li>Post taxonomy (Taxonomy Meta fields, taxonomy name, taxonomy description)</li>

<li>Repeater data (get data from connected relationships, arrays, json)</li>
</ol>

<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
https://twitter.com/GreenshiftWP/status/1580331957933985794?s=20&t=nl6qkRrpDzptvzgdJ62LTA
</div></figure>

<h3 class="wp-block-heading" id="dynamic-background-option">Dynamic Background Option</h3>

<p>Almost All blocks have Background panel. Now, you can attach dynamic image as block background. </p>

<p>This supports next formats</p>

<ol>
<li>Featured post image</li>

<li>Custom field images (URLs or image ids)</li>

<li>Taxonomy Metas (so you can use it for Taxonomy Templates)</li>
</ol>

<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
https://twitter.com/GreenshiftWP/status/1580360076165931008?s=20&t=nl6qkRrpDzptvzgdJ62LTA
</div></figure>

<h3 class="wp-block-heading" id="videoblock">VideoBlock</h3>

<p>You can save video URL in your custom field and then, use this value for videoblock URL. </p>

<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-9074a6c" id="gspb_infoBox-id-gsbp-9074a6c"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text">
<p>Tip. Also, in some scenarios, for example, when you need to retrieve self hosted video URLs, it's better to use Video Tag block and add dynamic option on "src" attribute in <a href="https://greenshiftwp.com/dynamic-attributes/">dynamic attributes</a></p>
</div></div></div>

<h3 class="wp-block-heading" id="button-block">Button Block</h3>

<p>Supported types:</p>

<ol>
<li>Post permalink (so, you can insert dynamic link of current or definite post)</li>

<li>Custom field value</li>

<li>Repeater data</li>
</ol>

<p>You can also use placeholders in dynamic labels. Use {DYNAMIC} and this will replace part of label instead whole label</p>

<h3 class="wp-block-heading" id="container-links">Container Links</h3>

<p>Container block has dynamic option to use it as linkable element which is retrieved from post link or custom field value</p>

<h3 class="wp-block-heading" id="dynamic-progress-bar">Dynamic Progress Bar</h3>

<p>For <a href="https://greenshiftwp.com/progress-bar/" data-type="post" data-id="618">Progress bar block</a> and circle bar, you can enable dynamic fields and retrieve values from custom fields.</p>

<h3 class="wp-block-heading" id="dynamic-counter">Dynamic Counter</h3>

<p>For <a href="https://greenshiftwp.com/counter/" data-type="post" data-id="622">Counter block</a>, you can enable dynamic fields and retrieve values from custom fields.</p>

<h3 class="wp-block-heading" id="dynamic-countdown">Dynamic Countdown</h3>

<p>For <a href="https://greenshiftwp.com/countdown-block/" data-type="post" data-id="626">CountDown Block</a>, you can enable dynamic fields and retrieve values from custom fields.</p>

<h3 class="wp-block-heading" id="dynamic-3d">Dynamic 3d</h3>

<p>You can enable dynamic fields for <a href="https://greenshiftwp.com/3d-model-viewer/" data-type="post" data-id="637">3d viewer block</a> and for <a href="https://greenshiftwp.com/spline3d-viewer/" data-type="post" data-id="2733">Spline3d block</a></p>

<h2 class="wp-block-heading" id="dynamic-attributes">Dynamic Attributes</h2>

<p>Our special <a href="https://greenshiftwp.com/element-tag-block/" data-type="post" data-id="4576">Element block</a> has option to use <a href="https://greenshiftwp.com/dynamic-attributes/" data-type="post" data-id="5067">Dynamic attributes</a>. Now you are not limited to existed fields, you can attach data to any attribute of block, even that are not existed in block options.</p>

<h2 class="wp-block-heading" id="full-dynamic-blocks">Full Dynamic Blocks</h2>

<p>Full dynamic blocks have dynamically rendered content on server. These blocks use current context to be used inside Query Loop Builder (but you are not limited).</p>

<h3 class="wp-block-heading" id="meta-getter">Meta getter</h3>

<p>This is a universal block to get different post data. Supported types</p>

<ol>
<li>Custom fields</li>

<li>Taxonomy values and meta (for example you can show post categories or custom taxonomy)</li>

<li>Post data (title, excerpt, date, comment count)</li>

<li>Author data and User data (name, registration date, description, User Meta)</li>

<li>Woocommerce data (attributes, attribute links, swatches)</li>

<li>ACF-specific, Metabox, ACPT, Jetengine fields (image, multi-choice fields, repeater fields, and all others)</li>

<li>File field (will convert ID of attachment to URL automatically)</li>

<li>Site data (options, transients, etc)</li>
</ol>

<p>Meta getter also has post-processing which allows you to use specific data in your fields:</p>

<ol>
<li>Email field (will be converted to mailto: links)</li>

<li>Date types and other formats converter to WordPress human readable date</li>

<li>WYSIWYG fields (paragraph and line breaks converter)</li>

<li>Post Link (allows you to wrap your values with a link to the inner post)</li>

<li>Comma-separated values to lists and multi-column conversion</li>

<li>String to tel: link conversion</li>

<li>Numeric conversions<br></li>
</ol>

<p><a href="https://greenshiftwp.com/meta-getter-block/" data-type="post" data-id="668">Check demo here</a></p>

<h3 class="wp-block-heading" id="dynamic-title-block">Dynamic Title Block</h3>

<p>This is the same as the core Post title block, but it has more design options, and responsive options and also can be used to retrieve values from definite posts. It supports also post types and repeater</p>

<h3 class="wp-block-heading" id="dynamic-image-block">Dynamic Image Block</h3>

<p>This is the same as the core Post image block, but it has more design options, responsive options, and size options and also can be used to retrieve values from definite posts. It supports also post types and repeater</p>

<h3 class="wp-block-heading" id="dynamic-gallery-slider-carousel">Dynamic Gallery, Slider, Carousel</h3>

<p>This allows you to get images from post attachments, custom fields, and gallery fields. You can use it as an image grid or as a Slider, a carousel of images</p>

<p><a href="https://greenshiftwp.com/dynamic-gallery-block/" data-type="post" data-id="2675">Read more about gallery block</a></p>

<h3 class="wp-block-heading" id="dynamic-map-block">Dynamic Map block</h3>

<p>This block supports multi markers which can get values from Map fields (ACF Map as an example). </p>

<h3 class="wp-block-heading" id="relationship-and-repeater-blocks">Relationship and Repeater blocks</h3>

<p>This kind of data can be used with <a href="https://greenshiftwp.com/repeater-builder/" data-type="post" data-id="2714">Repeater Builder</a>. You can show any kind of repeatable arrays and also you can use this to retrieve values from connected custom post items from relationship type of fields (for example, in ACF). This also supports related posts which are saved as ids with comma-separated numbers.</p>

<p>Check <a href="https://www.youtube.com/watch?v=8oYVMQ3sOc8" target="_blank" rel="noreferrer noopener">in-depth overview of Dynamic fields</a></p>

listing, query

3 responses to “Dynamic fields”

Jeremy Cointin

January 4, 2023

I have a ACF that has a text URL in it. I need to wrap this text URL with a tags to make it a link in the output.

I see you have a “mailto” but I don’t see a textlink. How can I go about formatting the output of this field?

Thanks a million!
1. Blog Staff
  
  January 5, 2023
  
  Hi. Plugin has dynamic link option in Button block and in Container block. So, you can use Advanced Button block to make links (you can set background color with zero opacity to make button looks like a link)
  1. Jeremy Cointin
    
    January 6, 2023
    
    Thanks a million!