{"id":1606,"date":"2022-09-23T12:47:39","date_gmt":"2022-09-23T16:47:39","guid":{"rendered":"http:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/?page_id=1606"},"modified":"2022-09-23T12:47:40","modified_gmt":"2022-09-23T16:47:40","slug":"wp-core-group-block","status":"publish","type":"page","link":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/core-blocks\/wp-core-group-block\/","title":{"rendered":"WP Core: Group Block"},"content":{"rendered":"\n<p>The group block groups other blocks together so they can be moved as one unit, or so that you can add a CSS class or put a background color on them.<\/p>\n\n\n\n<h2>Interface Options<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img src=\"\/gutenberg\/files\/2022\/09\/Screen-Shot-2022-09-23-at-12.45.14-PM-459x1024.png\" alt=\"\" class=\"wp-image-1607\" width=\"300\" srcset=\"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2022\/09\/Screen-Shot-2022-09-23-at-12.45.14-PM-459x1024.png 459w, https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2022\/09\/Screen-Shot-2022-09-23-at-12.45.14-PM-285x636.png 285w, https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/files\/2022\/09\/Screen-Shot-2022-09-23-at-12.45.14-PM.png 558w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/figure>\n\n\n\n<h2>Examples<\/h2>\n\n\n\n<h3>Group with Background Color<\/h3>\n\n\n\n<div class=\"wp-block-group has-vivid-red-background-color has-background\"><div class=\"wp-block-group__inner-container\"><\/div><\/div>\n\n\n\n<h3>Group with Background Color and Text Color set and paragraph block inside<\/h3>\n\n\n\n<div class=\"wp-block-group has-vivid-red-background-color has-very-light-gray-color has-text-color has-background\"><div class=\"wp-block-group__inner-container\">\n<p>Text here<\/p>\n<\/div><\/div>\n\n\n\n<h3>Group with Background Color and Text Color set and column block inside<\/h3>\n\n\n\n<div class=\"wp-block-group has-vivid-red-background-color has-very-light-gray-color has-text-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<p>One column<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p>Two column<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p>Three column<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The group block groups other blocks together so they can be moved as one unit, or so that you can add a CSS class or put a background color on them. Interface Options Examples Group with Background Color Group with Background Color and Text Color set and paragraph block inside Text here Group with Background [&hellip;]<\/p>\n","protected":false},"author":3357,"featured_media":0,"parent":1545,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1606"}],"collection":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/users\/3357"}],"replies":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/comments?post=1606"}],"version-history":[{"count":1,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1606\/revisions"}],"predecessor-version":[{"id":1609,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1606\/revisions\/1609"}],"up":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/pages\/1545"}],"wp:attachment":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/gutenberg\/wp-json\/wp\/v2\/media?parent=1606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}