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 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)
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.
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
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
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.
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>There are two basic types of dynamic fields: Hybrid dynamic and Full dynamic types.</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/infobox {"id":"gsbp-ab0bb224-b7bd"} -->
<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"><!-- wp:paragraph -->
<p>2.0 version has update to retrieve also array values. You can get values from multidimensional fields</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->
<!-- wp:greenshift-blocks/infobox {"id":"gsbp-6a12ff0d-3c3e","type":"notice"} -->
<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"><!-- wp:paragraph -->
<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>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->
<!-- wp:heading -->
<h2 class="wp-block-heading" id="hybrid-dynamic-fields">Hybrid dynamic fields</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Here is list of supported blocks and data in hybrid dynamic blocks</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="advanced-text-and-advanced-heading-block">Advanced Text and Advanced Heading block</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>You can add dynamic part to these blocks and combine them with static area. Supported dynamic data</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Custom fields</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Taxonomy values (for example you can show post categories or custom taxonomy)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Post data (title, excerpt, date, comment count)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Author data, User data (name, registration date, description, User Meta)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Taxonomy Archive data</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Site data (Site name, site description, current year, current month, database options, transients)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Post taxonomy (Taxonomy Meta fields, taxonomy name, taxonomy description)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Repeater data (get data from connected relationships, arrays, json)</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:embed {"url":"https://twitter.com/GreenshiftWP/status/1580331957933985794?s=20\u0026t=nl6qkRrpDzptvzgdJ62LTA","type":"rich","providerNameSlug":"twitter","responsive":true} -->
<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>
<!-- /wp:embed -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-background-option">Dynamic Background Option</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Almost All blocks have Background panel. Now, you can attach dynamic image as block background. </p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>This supports next formats</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Featured post image</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Custom field images (URLs or image ids)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Taxonomy Metas (so you can use it for Taxonomy Templates)</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:embed {"url":"https://twitter.com/GreenshiftWP/status/1580360076165931008?s=20\u0026t=nl6qkRrpDzptvzgdJ62LTA","type":"rich","providerNameSlug":"twitter","responsive":true} -->
<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>
<!-- /wp:embed -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="videoblock">VideoBlock</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>You can save video URL in your custom field and then, use this value for videoblock URL. </p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/infobox {"id":"gsbp-9074a6c"} -->
<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"><!-- wp:paragraph -->
<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>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="button-block">Button Block</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Supported types:</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Post permalink (so, you can insert dynamic link of current or definite post)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Custom field value</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Repeater data</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>You can also use placeholders in dynamic labels. Use {DYNAMIC} and this will replace part of label instead whole label</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="container-links">Container Links</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Container block has dynamic option to use it as linkable element which is retrieved from post link or custom field value</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-progress-bar">Dynamic Progress Bar</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-counter">Dynamic Counter</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-countdown">Dynamic Countdown</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-3d">Dynamic 3d</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading" id="dynamic-attributes">Dynamic Attributes</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading" id="full-dynamic-blocks">Full Dynamic Blocks</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="meta-getter">Meta getter</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>This is a universal block to get different post data. Supported types</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Custom fields</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Taxonomy values and meta (for example you can show post categories or custom taxonomy)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Post data (title, excerpt, date, comment count)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Author data and User data (name, registration date, description, User Meta)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Woocommerce data (attributes, attribute links, swatches)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>ACF-specific, Metabox, ACPT, Jetengine fields (image, multi-choice fields, repeater fields, and all others)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>File field (will convert ID of attachment to URL automatically)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Site data (options, transients, etc)</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>Meta getter also has post-processing which allows you to use specific data in your fields:</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Email field (will be converted to mailto: links)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Date types and other formats converter to WordPress human readable date</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>WYSIWYG fields (paragraph and line breaks converter)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Post Link (allows you to wrap your values with a link to the inner post)</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Comma-separated values to lists and multi-column conversion</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>String to tel: link conversion</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Numeric conversions<br></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p><a href="https://greenshiftwp.com/meta-getter-block/" data-type="post" data-id="668">Check demo here</a></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-title-block">Dynamic Title Block</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-image-block">Dynamic Image Block</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-gallery-slider-carousel">Dynamic Gallery, Slider, Carousel</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="https://greenshiftwp.com/dynamic-gallery-block/" data-type="post" data-id="2675">Read more about gallery block</a></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="dynamic-map-block">Dynamic Map block</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>This block supports multi markers which can get values from Map fields (ACF Map as an example). </p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="relationship-and-repeater-blocks">Relationship and Repeater blocks</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<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>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Check <a href="https://www.youtube.com/watch?v=8oYVMQ3sOc8" target="_blank" rel="noreferrer noopener">in-depth overview of Dynamic fields</a></p>
<!-- /wp:paragraph -->
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)
3 responses to “Dynamic fields”
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!
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)
Thanks a million!