{"id":2275,"date":"2020-06-17T18:30:13","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1734"},"modified":"2020-06-02T18:30:13","modified_gmt":"1970-01-01T00:00:00","slug":"blocks-layout-elements","status":"publish","type":"post","link":"https:\/\/acmetheme.com\/blocks-layout-elements\/","title":{"rendered":"Block category: Layout Elements"},"content":{"rendered":"\n

The Layout Elements category includes the following blocks: Button, Columns, Media & Text, separator, spacer, read more, and page break.<\/em><\/p>\n\n \n\n

The button<\/a><\/div>\n\n\n\n
\n
\n

The columns:<\/p>\n<\/div>\n\n\n\n

\n

Column two.<\/p>\n<\/div>\n\n\n\n

\n

Column three.<\/p>\n<\/div>\n\n\n\n

\n

Column four.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Boardwalk\"\/<\/figure>
\n

Media &Text<\/p>\n\n\n\n

For displaying media and text next to each other. By default, the media is to the left.<\/p>\n<\/div><\/div>\n\n\n\n

\"Golden<\/figure>
\n

This time our block is full width, and the image is to the right. <\/p>\n\n\n\n

The background color is a pale blue. <\/p>\n\n\n\n

Test to make sure that the editor and the front match. To test the Stack on mobile <\/em>setting, reduce the browser window width.<\/p>\n\n\n\n

The control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.<\/p>\n<\/div><\/div>\n\n\n\n

The separator has three styles: short line, wide line, and dots.<\/p>\n\n\n\n

\n\n\n\n
\n\n\n\n
\n\n\n\n

The spacer block has a default height of 100 pixels:<\/p>\n\n\n\n

<\/div>\n\n\n\n

The read more block should be right below this text:<\/p>\n\n\n\n\n\n\n\n

And finally, the page break:<\/p>\n\n\n\n\n\n\n\n

This paragraph block is on page two, after the page break.<\/p>\n","protected":false},"excerpt":{"rendered":"

The Layout Elements category includes the following blocks: Button, Columns, Media & Text, separator, spacer, read more, and page break. The columns: Column two. Column three. Column four. Media &Text For displaying media and text next to each other. By default, the media is to the left. This time our block is full width, and […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[201],"tags":[],"yoast_head":"\nBlock category: Layout Elements - ACME Theme<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/acmetheme.com\/blocks-layout-elements\/\" \/>\n<link rel=\"next\" href=\"https:\/\/acmetheme.com\/blocks-layout-elements\/2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block category: Layout Elements - ACME Theme\" \/>\n<meta property=\"og:description\" content=\"The Layout Elements category includes the following blocks: Button, Columns, Media & Text, separator, spacer, read more, and page break. The columns: Column two. Column three. Column four. Media &Text For displaying media and text next to each other. By default, the media is to the left. This time our block is full width, and […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acmetheme.com\/blocks-layout-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"ACME Theme\" \/>\n<meta property=\"article:published_time\" content=\"1970-01-01T00:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpthemetestdata.files.wordpress.com\/2008\/06\/dcp_2082.jpg\" \/>\n<meta name=\"author\" content=\"Theme Reviewer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Theme Reviewer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/acmetheme.com\/blocks-layout-elements\/\",\"url\":\"https:\/\/acmetheme.com\/blocks-layout-elements\/\",\"name\":\"Block category: Layout Elements - ACME Theme\",\"isPartOf\":{\"@id\":\"https:\/\/acmetheme.com\/#website\"},\"datePublished\":\"1970-01-01T00:00:00+00:00\",\"dateModified\":\"1970-01-01T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/acmetheme.com\/#\/schema\/person\/015bab1f684c37710ca5b152b7ec0165\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/acmetheme.com\/blocks-layout-elements\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/acmetheme.com\/#website\",\"url\":\"https:\/\/acmetheme.com\/\",\"name\":\"ACME Theme\",\"description\":\"Built on Socrates Framework\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/acmetheme.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/acmetheme.com\/#\/schema\/person\/015bab1f684c37710ca5b152b7ec0165\",\"name\":\"Theme Reviewer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/acmetheme.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2f8c48bd3c33e6edf993d855ae71eb06?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2f8c48bd3c33e6edf993d855ae71eb06?s=96&d=mm&r=g\",\"caption\":\"Theme Reviewer\"},\"url\":\"https:\/\/acmetheme.com\/author\/themereviewteam\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block category: Layout Elements - ACME Theme","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/acmetheme.com\/blocks-layout-elements\/","next":"https:\/\/acmetheme.com\/blocks-layout-elements\/2\/","og_locale":"en_US","og_type":"article","og_title":"Block category: Layout Elements - ACME Theme","og_description":"The Layout Elements category includes the following blocks: Button, Columns, Media & Text, separator, spacer, read more, and page break. The columns: Column two. Column three. Column four. Media &Text For displaying media and text next to each other. By default, the media is to the left. This time our block is full width, and […]","og_url":"https:\/\/acmetheme.com\/blocks-layout-elements\/","og_site_name":"ACME Theme","article_published_time":"1970-01-01T00:00:00+00:00","og_image":[{"url":"https:\/\/wpthemetestdata.files.wordpress.com\/2008\/06\/dcp_2082.jpg"}],"author":"Theme Reviewer","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Theme Reviewer","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/acmetheme.com\/blocks-layout-elements\/","url":"https:\/\/acmetheme.com\/blocks-layout-elements\/","name":"Block category: Layout Elements - ACME Theme","isPartOf":{"@id":"https:\/\/acmetheme.com\/#website"},"datePublished":"1970-01-01T00:00:00+00:00","dateModified":"1970-01-01T00:00:00+00:00","author":{"@id":"https:\/\/acmetheme.com\/#\/schema\/person\/015bab1f684c37710ca5b152b7ec0165"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acmetheme.com\/blocks-layout-elements\/"]}]},{"@type":"WebSite","@id":"https:\/\/acmetheme.com\/#website","url":"https:\/\/acmetheme.com\/","name":"ACME Theme","description":"Built on Socrates Framework","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acmetheme.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/acmetheme.com\/#\/schema\/person\/015bab1f684c37710ca5b152b7ec0165","name":"Theme Reviewer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/acmetheme.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2f8c48bd3c33e6edf993d855ae71eb06?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2f8c48bd3c33e6edf993d855ae71eb06?s=96&d=mm&r=g","caption":"Theme Reviewer"},"url":"https:\/\/acmetheme.com\/author\/themereviewteam\/"}]}},"_links":{"self":[{"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/posts\/2275"}],"collection":[{"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/comments?post=2275"}],"version-history":[{"count":0,"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/posts\/2275\/revisions"}],"wp:attachment":[{"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/media?parent=2275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/categories?post=2275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acmetheme.com\/wp-json\/wp\/v2\/tags?post=2275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}