{"id":19362,"date":"2021-09-15T05:36:00","date_gmt":"2021-09-15T10:36:00","guid":{"rendered":"https:\/\/wpstackable.com\/?p=19362"},"modified":"2021-09-15T05:46:41","modified_gmt":"2021-09-15T10:46:41","slug":"introducing-dynamic-content","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/introducing-dynamic-content\/","title":{"rendered":"Using Dynamic Content in Gutenberg"},"content":{"rendered":"\n<p data-block-type=\"core\">To further extend Gutenberg\u2019s functionality, we are finally making dynamic content available within Stackable in this latest update! Fetch and display content from dynamic sources in both Stackable and native blocks. Update to V2.15.0 now!&nbsp;<\/p>\n\n\n\n<!--more-->\n\n\n\n<p data-block-type=\"core\">Function and great design have always been the guiding principles whenever we develop new features for our plugin. At Stackable, we endeavor to broaden the possibilities in creating stunning and intuitive websites. As part of our efforts to provide our users with the tools that make this possible, we are happy to announce that dynamic functionality is now available in Stackable \ud83c\udf89<\/p>\n\n\n\n<p data-block-type=\"core\">We\u2019ve made sure that making static pages dynamic would be straightforward and uncomplicated. Add dynamic functionality to your Stackable-designed pages with just a few clicks!<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"502\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Accessing-the-Modal.gif\" alt=\"Accessing the dynamic content modal\" class=\"wp-image-19374\"\/><figcaption>Accessing the dynamic fields modal<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">The Dynamic Fields icon is accessible from the toolbar. Clicking this will prompt a modal to appear.<\/p>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-82b3871 ugb-main-block\"><style>.ugb-82b3871 .ugb-heading__title{font-size:40px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">Dynamic Content from Various Sources<\/h2><\/div><\/div><\/div>\n\n\n\n<p data-block-type=\"core\">Tailor-fit websites by populating Stackable blocks and native blocks with data from various sources.<\/p>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-0eed45f ugb-main-block\"><style>.ugb-0eed45f .ugb-heading__title{color:#515151;font-size:35px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h3 class=\"ugb-heading__title\">Post Meta<\/h3><\/div><\/div><\/div>\n\n\n\n<p data-block-type=\"core\">Fetch data from fields that are native to WordPress, also known as post meta, and display them in your Stackable blocks.<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"377\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Adding-Dynamic-Content-in-Stackable-1.gif\" alt=\"Choosing a dynamic source, and dynamic field to fetch content\" class=\"wp-image-19373\"\/><figcaption>Choosing a dynamic source, and dynamic field to fetch content<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">All fields that are native to WordPress will appear here.<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"540\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Accessing-the-Fields.gif\" alt=\"Dynamic fields\" class=\"wp-image-19375\"\/><figcaption>Dynamic fields<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">Check out our <a href=\"https:\/\/docs.wpstackable.com\/article\/456-using-stackables-dynamic-content\" data-type=\"URL\" data-id=\"https:\/\/docs.wpstackable.com\/article\/456-using-stackables-dynamic-content\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a> to learn how to make the most of Stackable&#8217;s dynamic functionality!<\/p>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-0ec84bf ugb-main-block\"><style>.ugb-0ec84bf .ugb-heading__title{color:#515151;font-size:35px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h3 class=\"ugb-heading__title\">Advanced Custom Fields<\/h3><\/div><\/div><\/div>\n\n\n\n<p data-block-type=\"core\">We\u2019ve received a huge number of requests to display content from ACF\u2019s custom fields in Stackable blocks, and now you can! Most ACF field types are supported as well as ACF Options Pages.<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"731\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Accessing-ACF-Fields-1.gif\" alt=\"Accessing custom fields from ACF in the Stackable dynamic fields modal\" class=\"wp-image-19402\"\/><figcaption>Accessing custom fields from ACF in the Stackable dynamic fields modal<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">Learn more about our integration with ACF <a href=\"https:\/\/wpstackable.com\/blog\/stackable-integrates-with-acf\/\" data-type=\"URL\" data-id=\"https:\/\/wpstackable.com\/blog\/stackable-integrates-with-acf\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>! \ud83e\udd73<\/p>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-ab896f4 ugb-main-block\"><style>.ugb-ab896f4 .ugb-heading__title{color:#000000;font-size:40px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">This is only the beginning<\/h2><\/div><\/div><\/div>\n\n\n\n<p data-block-type=\"core\">Our team is always striving to make your experience with Stackable better. This is only the first step out of many to give you <strong>dynamic content<\/strong> within Stackable, so definitely watch out for more!<\/p>\n\n\n\n<div class=\"aligncenter wp-block-ugb-cta ugb-cta ugb-de2a73a ugb-cta ugb-cta--v2 ugb-main-block\" data-block-type=\"core\"><style>.ugb-de2a73a .ugb-cta__title,.ugb-de2a73a .ugb-cta__description,.ugb-de2a73a .ugb-button-container{text-align:left !important}.ugb-de2a73a .ugb-cta__item{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Learn-CTA.png)}.ugb-de2a73a .ugb-cta__item:before{opacity:0.5}.ugb-de2a73a .ugb-cta__title{font-size:48px !important;font-weight:500 !important;color:#ffffff}.ugb-de2a73a .ugb-cta__description{margin-bottom:32px !important;color:#ffffff}.ugb-de2a73a .ugb-button .ugb-button--inner{font-family:\"DM Sans\",Sans-serif !important;font-weight:400 !important}.ugb-de2a73a .ugb-button{background-color:#ffffff;border-radius:0px !important}.ugb-de2a73a .ugb-button .ugb-button--inner,.ugb-de2a73a .ugb-button svg:not(.ugb-custom-icon){color:var(--stk-global-color-43441,#111111) !important}.ugb-de2a73a .ugb-button:before{border-radius:0px !important}.ugb-de2a73a .ugb-inner-block{text-align:left}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-cta__item ugb--has-background-overlay\"><h3 class=\"ugb-cta__title\">Want to learn more <br>about Stackable?<\/h3><p class=\"ugb-cta__description\">Your very own Learning Hub for all things WordPress and Stackable. Find the right resources to help get you started as you begin building your online presence with Stackable.<\/p><div class=\"ugb-button-container\"><a class=\"ugb-button ugb-button--size-normal ugb--shadow-3 ugb-button--has-icon ugb-button--icon-position-right\" href=\"\" rel=\"\" title=\"\"><div class=\"ugb-icon-inner-svg\"><svg data-prefix=\"fas\" data-icon=\"arrow-right\" class=\"svg-inline--fa fa-arrow-right fa-w-14\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg><\/div><span class=\"ugb-button--inner\">Go to Stackable Learn<\/span><\/a><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>To further extend Gutenberg\u2019s functionality, we are finally making dynamic content available within Stackable in this latest update\u2013update to V2.15.0 now!<\/p>\n","protected":false},"author":18,"featured_media":19408,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"yes","_lmt_disable":"no","footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-19362","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"hentry","7":"category-updates"},"featured_image_urls_v2":{"full":["https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Dynamic-Content-Update-1.png",2400,1248,false]},"post_excerpt_stackable_v2":"<p>To further extend Gutenberg\u2019s functionality, we are finally making dynamic content available within Stackable in this latest update\u2013update to V2.15.0 now!<\/p>\n","category_list_v2":"<a href=\"https:\/\/wpstackable.com\/blog\/category\/updates\/\" rel=\"category tag\">Updates<\/a>","author_info_v2":{"name":"Alexandra Yap","url":"https:\/\/wpstackable.com\/blog\/author\/alex\/"},"comments_num_v2":"19 comments","acf":[],"modified_by":"Alexandra Yap","_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/19362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=19362"}],"version-history":[{"count":2,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/19362\/revisions"}],"predecessor-version":[{"id":21049,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/19362\/revisions\/21049"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/19408"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=19362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=19362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=19362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}