{"id":7183,"date":"2019-10-04T04:08:04","date_gmt":"2019-10-04T09:08:04","guid":{"rendered":"https:\/\/wpstackable.com\/?p=7183"},"modified":"2020-07-24T17:18:13","modified_gmt":"2020-07-24T22:18:13","slug":"version-2-major-progress-update-block-features","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/version-2-major-progress-update-block-features\/","title":{"rendered":"Version 2 Major Progress Update: Block Features"},"content":{"rendered":"\n<p data-block-type=\"core\">We know that a lot of people are anticipating Stackable version 2 (we are too), so here is a lengthy &amp; meaty update on our progress.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p data-block-type=\"core\"><s>First thing&#8217;s off, we&#8217;ve updated the live version 2 demo so you can play around with the current progress right away. Be sure to get back here to read up on the updates afterwards.<\/s><\/p>\n\n\n\n<p data-block-type=\"core\">We&#8217;re spending a ton of time developing version 2 and trying our best to get it out the door and into your hands. <\/p>\n\n\n\n<p data-block-type=\"core\">During these past few weeks we&#8217;ve worked to set a solid foundation for each Stackable block. We want the experience of editing our blocks to be smooth and easy to get used to, so that when you&#8217;re off mixing and matching different blocks, the experience would be pleasant all through out.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Blocks Can Either Be Used as a Single Unit, or as a Whole Section<\/h2>\n\n\n\n<p data-block-type=\"core\">While we were checking out the various sites created with Stackable, we found out that people were mostly using a specific combination of blocks repeatedly across their pages. <\/p>\n\n\n\n<p data-block-type=\"core\">It was very common to see a section in a website composed of a <a href=\"https:\/\/wpstackable.com\/container-block\/\">Container Block<\/a> that only had a native Heading Block followed by a Stackable Block. Think of testimonial sections, customer statistics and feature checklist sections. In other words, a lot of people are creating entire sections with only one major block.<\/p>\n\n\n\n<p data-block-type=\"core\">So to make things easier, starting version 2, almost every Stackable block can now be used as a single unit or as a whole section. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">As a Single Unit<\/h3>\n\n\n\n<p data-block-type=\"core\">Right now, almost all Stackable blocks are a single unit. They&#8217;re meant to be used as small components and alongside other blocks in order to compose one section of a website.<\/p>\n\n\n\n<p data-block-type=\"core\">Take this <a href=\"https:\/\/wpstackable.com\/count-up-block\/\">Count Up Block<\/a> for example, you can add some content before it or stick it inside a Column Block.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-image\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"230\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-1.03.41-PM-1024x230.jpg\" alt=\"\" class=\"wp-image-7201\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-1.03.41-PM-1024x230.jpg 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-1.03.41-PM-300x67.jpg 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-1.03.41-PM-768x172.jpg 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-1.03.41-PM.jpg 1942w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The Count Up block used as a single unit<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">As a Whole Section<\/h3>\n\n\n\n<p data-block-type=\"core\">In a lot of cases though, we find users just isolating the block above into their own section. To help out this common scenario, in version 2 we are adding in a few options to almost every Stackable block so that they can become whole sections of content. These options are:<\/p>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\"><li>Block Backgrounds<\/li><li>Block Title<\/li><li>Block Description<\/li><li>Top Separator<\/li><li>Bottom Separator<\/li><\/ul>\n\n\n\n<p data-block-type=\"core\">These new options bump up the robustness of our blocks, and will allow you to isolate your block and turn it into a full-blown website section.<\/p>\n\n\n\n<p data-block-type=\"core\">Here are what these new options look like on the <a href=\"https:\/\/wpstackable.com\/count-up-block\/\">Count Up Block<\/a>:<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-1.08.09-PM.mp4.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">Block Background, Wide-Width and Full-Width Blocks<\/h3>\n\n\n\n<p data-block-type=\"core\">When you turn on the <strong>Block Background<\/strong> option, the block will go into full-width and you will be able to add a background. The block contents however will still retain its normal width.<\/p>\n\n\n\n<p data-block-type=\"core\">While the Block Background option is turned on, you can also set the block contents to be <strong>wide-width<\/strong> or <strong>full-width<\/strong> using the toolbar buttons. The video below explains this better:<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-3.06.07-PM.mp4.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<p data-block-type=\"core\">This is a new concept I think is quite unique in Stackable version 2, and will bring our blocks to a whole new level.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Lessen the Block &#8220;Jumpiness&#8221; with Popovers<\/h2>\n\n\n\n<p data-block-type=\"core\">While editing Stackable blocks (and in some native blocks), you might notice that when you select a block, the block turns into &#8220;editing mode&#8221; and suddenly adds some placeholders and url pickers.  While these on-screen controls are nice, since the block&#8217;s size abruptly changes, the other blocks suddenly move and the entire page jumps.<\/p>\n\n\n\n<p data-block-type=\"core\">Here&#8217;s what I mean:<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-1.16.22-AM.mp4.mp4\" playsinline><\/video><figcaption>Selecting some blocks turn them into &#8220;editing mode&#8221; and make the other blocks move around.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<p data-block-type=\"core\">This &#8220;jumpiness&#8221; is honestly quite annoying and we&#8217;ve addressed this by removing all the sudden showing\/hiding parts during block selection. We&#8217;ve also removed all the URL pickers and replaced them with popovers.<\/p>\n\n\n\n<p data-block-type=\"core\">This makes the editing experience much more pleasing. We&#8217;ve also added in an icon picker popover as an added bonus!<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-1.10.05-AM.mp4.mp4\" playsinline><\/video><figcaption>A much more pleasant experience I must say.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Block Inspector Controls<\/h2>\n\n\n\n<p data-block-type=\"core\">We&#8217;ve mentioned before in an earlier update <a href=\"https:\/\/wpstackable.com\/blog\/version-2-the-future-of-stackable\/\">Version 2: The Future of Stackable<\/a> that we are grouping together the different controls in the inspector into 3 distinct tabs: <strong>Layout<\/strong>,<strong> Style<\/strong> and <strong>Advanced<\/strong>.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<p data-block-type=\"core\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-1.26.27-AM.mp4.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<p data-block-type=\"core\">We&#8217;ve refined these groupings and defined what goes into each different tab.<\/p>\n\n\n\n<p data-block-type=\"core\">The <strong>Layout tab<\/strong> is the first tab, and where you will typically start with once adding a block. The options here will drastically change the entire look of the block. Layout options will be here and in the future you will be able to pick from different block designs (this is after version 2).<\/p>\n\n\n\n<p data-block-type=\"core\">The <strong>Style tab<\/strong> is the next tab, and where most people will spend their time adjusting the different colors, title tags, and typography of every block component. We will try and keep things here as simple to use as possible.<\/p>\n\n\n\n<p data-block-type=\"core\">The last tab, the <strong>Advanced tab<\/strong> will be reserved for those who really want to get the most out of their block. This is where margins, paddings, vertical alignments, and where fine-grained controls are housed. For blocks that have multiple columns, options for customizing individual columns will also be present.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Optional Block Components<\/h2>\n\n\n\n<p data-block-type=\"core\">A few people have reached to us asking how to remove buttons and other components from blocks. While this feature is currently present in all Stackable blocks in version 1 (you&#8217;ll have to delete the text so that the button won&#8217;t show up in the frontend), it wasn&#8217;t very intuitive.<\/p>\n\n\n\n<p data-block-type=\"core\">So now, we&#8217;ve added in a toggle for every block component so that you can disable them easily if you don&#8217;t need them.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-1.03.29-AM.mp4.mp4\" playsinline><\/video><figcaption>The block component toggle buttons. Also, we&#8217;ve added in a new icon, title and button components for the Notification block!<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Typography Controls per Block Text Component<\/h2>\n\n\n\n<p data-block-type=\"core\">One limitation in version 1 was that you couldn&#8217;t change the styles of the text in Stackable blocks. Typically, you could only change the color. But all other specifics, like font family and font size, are set by your current theme.<\/p>\n\n\n\n<p data-block-type=\"core\">All that is going to change in version 2. Now there&#8217;ll be a standardized set of controls for modifying the styles of any text in our blocks. Titles and descriptions can have different font styles.<\/p>\n\n\n\n<p data-block-type=\"core\">We&#8217;ve also added in the ability to change the HTML tag for all titles.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<p data-block-type=\"core\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-1.51.49-PM.mp4.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Image Shapes<\/h2>\n\n\n\n<p data-block-type=\"core\">In version 1, all your images were rectangular. You are stuck with whatever dimensions you uploaded your image.<\/p>\n\n\n\n<p data-block-type=\"core\">In version 2, we are introducing <strong>Image Shapes<\/strong>! <\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-3.21.52-PM.mp4.mp4\" playsinline><\/video><figcaption>50 Image Shapes<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<p data-block-type=\"core\">Image Shapes can easily bring boring blocks to life. We&#8217;ve provided 50 blob shapes, and these can be applied to images across the Stackable blocks. Shapes are available for non-background images.<\/p>\n\n\n\n<p data-block-type=\"core\">Image Shapes are going to be a <strong>premium<\/strong> feature.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Image Sizes &amp; Responsive Images<\/h2>\n\n\n\n<p data-block-type=\"core\">Now, you can have full control on the size of the images you&#8217;re adding to a block. You can choose from <strong>Thumbnail<\/strong>, <strong>Medium<\/strong>, <strong>Large<\/strong> or <strong>Full<\/strong>. This option is available for background images as well.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<p data-block-type=\"core\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-3.31.44-PM.mp4.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<p data-block-type=\"core\">Images will now also load responsively. This means that even if you pick the &#8220;Full&#8221; image size, smaller screens will now load only the smaller version of the image. This new feature will make your pages load way faster in mobile devices.<\/p>\n\n\n\n<p data-block-type=\"core\">If you want the technical details, all images in Stackable blocks now use the <code>srcset<\/code> and <code>sizes<\/code> attributes:<\/p>\n\n\n\n<figure class=\"wp-block-image\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"91\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-3.34.26-PM-1024x91.jpg\" alt=\"\" class=\"wp-image-7214\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-3.34.26-PM-1024x91.jpg 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-3.34.26-PM-300x27.jpg 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-3.34.26-PM-768x68.jpg 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-3.34.26-PM.jpg 1602w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Responsive Controls<\/h2>\n\n\n\n<p data-block-type=\"core\">You will now find all across the Stackable blocks these responsive toggle buttons:<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"54\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Shot-2019-10-04-at-3.42.30-PM.jpg\" alt=\"\" class=\"wp-image-7217\"\/><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">You can use these responsive toggle buttons to specify what screen size you&#8217;re currently trying to edit for.<\/p>\n\n\n\n<p data-block-type=\"core\">For example, if you want your title to be of a different size in mobile phones, click on the responsive toggle, then select the <strong>mobile icon<\/strong>, then change your title height.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<p data-block-type=\"core\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2019\/10\/Screen-Recording-2019-10-04-at-3.42.07-PM.mp4.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">What&#8217;s Next, When Will This be Released?<\/h2>\n\n\n\n<p data-block-type=\"core\">There are a ton of new things in version 2, and development is at full-steam.  We can&#8217;t give you a definitive time when version 2 will come out since we&#8217;ve blown past the previous date we&#8217;ve announced.<\/p>\n\n\n\n<p data-block-type=\"core\">We&#8217;ll be holding a <strong>private beta<\/strong> for version 2 for all <strong>Stackable Premium Customers<\/strong> when we&#8217;re close to releasing. We&#8217;ll be announcing the private beta in our newsletter, so please subscribe using the form at the <em>bottom<\/em> of this page to make sure you&#8217;re notified.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Join the Facebook Group to Get Involved<\/h2>\n\n\n\n<p data-block-type=\"core\">Please join our Facebook group, and join the discussion about Stackable version 2. We&#8217;d love to hear your thoughts and suggestions!<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<div class=\"wp-block-ugb-button ugb-button-wrapper ugb-5bf1298 ugb-main-block\" id=\"\"><style>.ugb-5bf1298 .ugb-block-content{justify-content:center}.ugb-5bf1298 .ugb-button1{border-radius:50px !important}.ugb-5bf1298 .ugb-button1:before{border-radius:50px !important}.ugb-5bf1298 .ugb-inner-block{text-align:center}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-large\" href=\"https:\/\/www.facebook.com\/groups\/wpstackable\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"ugb-button--inner\">Join the Stackable Facebook Group<\/span><\/a><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We know that a lot of people are anticipating Stackable version 2 (we are too), so here is a lengthy &amp; meaty update on our progress.<\/p>\n","protected":false},"author":1,"featured_media":7228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-7183","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\/2019\/10\/191004_Stackable_Feature-Image-Header_Version-2-Major-Update-Block-Features.jpg",1200,624,false]},"post_excerpt_stackable_v2":"<p>We know that a lot of people are anticipating Stackable version 2 (we are too), so here is a lengthy &amp; meaty update on our progress. First thing&#8217;s off, we&#8217;ve updated the live version 2 demo so you can play around with the current progress right away. Be sure to get back here to read up on the updates afterwards. We&#8217;re spending a ton of time developing version 2 and trying our best to get it out the door and into your hands. During these past few weeks we&#8217;ve worked to set a solid foundation for each Stackable block. We&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/wpstackable.com\/blog\/category\/updates\/\" rel=\"category tag\">Updates<\/a>","author_info_v2":{"name":"Benjamin Intal","url":"https:\/\/wpstackable.com\/blog\/author\/gambit\/"},"comments_num_v2":"2 comments","acf":[],"modified_by":"Benjamin Intal","_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/7183","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=7183"}],"version-history":[{"count":0,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/7183\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/7228"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=7183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=7183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=7183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}