{"id":1780,"date":"2018-11-01T06:08:25","date_gmt":"2018-11-01T06:08:25","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1734"},"modified":"2018-11-01T06:08:25","modified_gmt":"2018-11-01T06:08:25","slug":"blocks-layout-elements","status":"publish","type":"post","link":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/","title":{"rendered":"Block category: Layout Elements"},"content":{"rendered":"\n
\n

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

This group block has a light green background color.<\/p>\n\n\n\n

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

The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.<\/p>\n<\/div><\/div>\n\n\n\n\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<\/div><\/div>\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\n\n\n

The separator has three styles: default, 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

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\n\n\n

another button<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break. This group block has a light green background color. The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[19],"tags":[206],"class_list":["post-1780","post","type-post","status-publish","format-standard","hentry","category-block","tag-content"],"acf":[],"yoast_head":"\nBlock category: Layout Elements - Astra Site<\/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:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\" \/>\n<link rel=\"next\" href=\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/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 - Astra Site\" \/>\n<meta property=\"og:description\" content=\"The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break. This group block has a light green background color. The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Astra Site\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-01T06:08:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg\" \/>\n<meta name=\"author\" content=\"satishk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"satishk\" \/>\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\":\"Article\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\"},\"author\":{\"name\":\"satishk\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/cd7c7dcc82becb2bae4c9259e815bc37\"},\"headline\":\"Block category: Layout Elements\",\"datePublished\":\"2018-11-01T06:08:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\"},\"wordCount\":195,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg\",\"keywords\":[\"content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf\"],\"articleSection\":[\"Block\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\",\"url\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\",\"name\":\"Block category: Layout Elements - Astra Site\",\"isPartOf\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg\",\"datePublished\":\"2018-11-01T06:08:25+00:00\",\"author\":{\"@id\":\"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/cd7c7dcc82becb2bae4c9259e815bc37\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage\",\"url\":\"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg\",\"contentUrl\":\"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg\",\"width\":1600,\"height\":1066,\"caption\":\"Boardwalk at Westport, WA\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/#website\",\"url\":\"https:\/\/websitedemos.net\/typography-01\/\",\"name\":\"Astra Site\",\"description\":\"Just another Astra Starter Templates site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/websitedemos.net\/typography-01\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/cd7c7dcc82becb2bae4c9259e815bc37\",\"name\":\"satishk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eda8c8abfcd18ca780b36789d391c9188d8e7ef0f788a13dfeb9213b04efb965?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eda8c8abfcd18ca780b36789d391c9188d8e7ef0f788a13dfeb9213b04efb965?s=96&d=mm&r=g\",\"caption\":\"satishk\"},\"url\":\"https:\/\/websitedemos.net\/typography-01\/author\/satishk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block category: Layout Elements - Astra Site","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:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/","next":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/2\/","og_locale":"en_US","og_type":"article","og_title":"Block category: Layout Elements - Astra Site","og_description":"The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break. This group block has a light green background color. The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show […]","og_url":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/","og_site_name":"Astra Site","article_published_time":"2018-11-01T06:08:25+00:00","og_image":[{"url":"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg","type":"","width":"","height":""}],"author":"satishk","twitter_card":"summary_large_image","twitter_misc":{"Written by":"satishk","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#article","isPartOf":{"@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/"},"author":{"name":"satishk","@id":"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/cd7c7dcc82becb2bae4c9259e815bc37"},"headline":"Block category: Layout Elements","datePublished":"2018-11-01T06:08:25+00:00","mainEntityOfPage":{"@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/"},"wordCount":195,"commentCount":0,"image":{"@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg","keywords":["content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf"],"articleSection":["Block"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/","url":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/","name":"Block category: Layout Elements - Astra Site","isPartOf":{"@id":"https:\/\/websitedemos.net\/typography-01\/#website"},"primaryImageOfPage":{"@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage"},"image":{"@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg","datePublished":"2018-11-01T06:08:25+00:00","author":{"@id":"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/cd7c7dcc82becb2bae4c9259e815bc37"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitedemos.net\/typography-01\/2018\/11\/01\/blocks-layout-elements\/#primaryimage","url":"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg","contentUrl":"https:\/\/websitedemos.net\/typography-01\/wp-content\/uploads\/sites\/818\/2008\/06\/dcp_2082.jpg","width":1600,"height":1066,"caption":"Boardwalk at Westport, WA"},{"@type":"WebSite","@id":"https:\/\/websitedemos.net\/typography-01\/#website","url":"https:\/\/websitedemos.net\/typography-01\/","name":"Astra Site","description":"Just another Astra Starter Templates site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websitedemos.net\/typography-01\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/cd7c7dcc82becb2bae4c9259e815bc37","name":"satishk","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitedemos.net\/typography-01\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eda8c8abfcd18ca780b36789d391c9188d8e7ef0f788a13dfeb9213b04efb965?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eda8c8abfcd18ca780b36789d391c9188d8e7ef0f788a13dfeb9213b04efb965?s=96&d=mm&r=g","caption":"satishk"},"url":"https:\/\/websitedemos.net\/typography-01\/author\/satishk\/"}]}},"_links":{"self":[{"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/posts\/1780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/comments?post=1780"}],"version-history":[{"count":0,"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/posts\/1780\/revisions"}],"wp:attachment":[{"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/media?parent=1780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/categories?post=1780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websitedemos.net\/typography-01\/wp-json\/wp\/v2\/tags?post=1780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}