{"id":1734,"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:\/\/acadiantest.cocompass.com\/fr\/blocks-layout-elements\/","title":{"rendered":"Block category: Layout Elements"},"content":{"rendered":"<div class=\"wp-block-group has-background\" style=\"background-color:#d8f6ec\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The Layout Elements category includes the following blocks: <em>Group, Button, Columns, Media &amp; Text, separator, spacer, read more, and page break.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This group block has a light green background color.<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">A button<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The read more block should be right below this text, but only on list pages of themes that show the full content. It won&#8217;t show on the single page or on themes showing excerpts.<\/p>\n<\/div><\/div>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-columns has-4-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The columns:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Column two.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Column three.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Column four.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide\"><figure class=\"wp-block-media-text__media\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"1066\" src=\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg\" alt=\"Boardwalk\" class=\"wp-image-757\" srcset=\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg 1600w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082-500x333.jpg 500w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082-800x533.jpg 800w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082-240x160.jpg 240w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082-768x512.jpg 768w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082-1536x1023.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size wp-block-paragraph\">Media &amp;Text<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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<div class=\"wp-block-media-text alignfull has-media-on-the-right has-background is-stacked-on-mobile\" style=\"background-color:#ebf5fe\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"1600\" height=\"1200\" src=\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540.jpg\" alt=\"Golden Gate Bridge\" class=\"wp-image-755\" srcset=\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540.jpg 1600w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540-500x375.jpg 500w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540-800x600.jpg 800w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540-240x180.jpg 240w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540-768x576.jpg 768w, https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/100_5540-1536x1152.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size wp-block-paragraph\">This time our block is full width, and the image is to the right.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The background color is a pale blue.&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Test to make sure that the editor and the front match.&nbsp;To test the <em>Stack on mobile <\/em>setting, reduce the browser window width.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The control these settings, the block uses the css classes &#8220;has-media-on-the-right&#8221; and &#8220;is-stacked-on-mobile&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The separator has three styles: default, wide line, and dots.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">The spacer block has a default height of 100 pixels:<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">And finally, the page break:<\/p>\n\n\n\n<!--nextpage-->\n\n\n\n<p class=\"wp-block-paragraph\">This paragraph block is on page two, after the page break.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link\" href=\"https:\/\/wpthemetestdata.wordpress.com\/2018\/11\/03\/block-button\/\">another button<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>The Layout Elements category includes the following blocks: Group, Button, Columns, Media &amp; 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&#8217;t show [&hellip;]<\/p>","protected":false},"author":824,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","_themeisle_gutenberg_block_has_review":false,"iawp_total_views":0,"footnotes":""},"categories":[348],"tags":[537],"class_list":["post-1734","post","type-post","status-publish","format-standard","hentry","category-block","tag-content"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Block category: Layout Elements - Acadian Genealogy - Historical Acadian-Cajun Resources<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block category: Layout Elements - Acadian Genealogy - Historical Acadian-Cajun Resources\" \/>\n<meta property=\"og:description\" content=\"The Layout Elements category includes the following blocks: Group, Button, Columns, Media &amp; 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&#8217;t show [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acadiantest.cocompass.com\/fr\/blocks-layout-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Acadian Genealogy - Historical Acadian-Cajun Resources\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-01T06:08:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/acadian.mystagingwebsite.com\/wp-content\/uploads\/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=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Theme Reviewer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimation du temps de lecture\" \/>\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:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/\"},\"author\":{\"name\":\"Theme Reviewer\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/#\/schema\/person\/b861fbc36a2d94c58cb12ac2b71ec230\"},\"headline\":\"Block category: Layout Elements\",\"datePublished\":\"2018-11-01T06:08:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/\"},\"wordCount\":195,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg\",\"keywords\":[\"content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf\"],\"articleSection\":[\"Block\"],\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/\",\"url\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/\",\"name\":\"Block category: Layout Elements - Acadian Genealogy - Historical Acadian-Cajun Resources\",\"isPartOf\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg\",\"datePublished\":\"2018-11-01T06:08:25+00:00\",\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage\",\"url\":\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg\",\"contentUrl\":\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/#website\",\"url\":\"https:\/\/acadiantest.cocompass.com\/\",\"name\":\"Acadian Genealogy - Historical Acadian-Cajun Resources\",\"description\":\"Learn About Acadians and Cajuns\",\"publisher\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/acadiantest.cocompass.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/#organization\",\"name\":\"Acadian Genealogy - Historical Acadian-Cajun Resources\",\"url\":\"https:\/\/acadiantest.cocompass.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/logo.png\",\"contentUrl\":\"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/logo.png\",\"width\":303,\"height\":125,\"caption\":\"Acadian Genealogy - Historical Acadian-Cajun Resources\"},\"image\":{\"@id\":\"https:\/\/acadiantest.cocompass.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/acadiantest.cocompass.com\/#\/schema\/person\/b861fbc36a2d94c58cb12ac2b71ec230\",\"name\":\"Theme Reviewer\",\"url\":\"https:\/\/acadiantest.cocompass.com\/fr\/author\/themereviewteam\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block category: Layout Elements - Acadian Genealogy - Historical Acadian-Cajun Resources","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_CA","og_type":"article","og_title":"Block category: Layout Elements - Acadian Genealogy - Historical Acadian-Cajun Resources","og_description":"The Layout Elements category includes the following blocks: Group, Button, Columns, Media &amp; 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&#8217;t show [&hellip;]","og_url":"https:\/\/acadiantest.cocompass.com\/fr\/blocks-layout-elements\/","og_site_name":"Acadian Genealogy - Historical Acadian-Cajun Resources","article_published_time":"2018-11-01T06:08:25+00:00","og_image":[{"url":"https:\/\/acadian.mystagingwebsite.com\/wp-content\/uploads\/dcp_2082.jpg","type":"","width":"","height":""}],"author":"Theme Reviewer","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Theme Reviewer","Estimation du temps de lecture":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#article","isPartOf":{"@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/"},"author":{"name":"Theme Reviewer","@id":"https:\/\/acadiantest.cocompass.com\/#\/schema\/person\/b861fbc36a2d94c58cb12ac2b71ec230"},"headline":"Block category: Layout Elements","datePublished":"2018-11-01T06:08:25+00:00","mainEntityOfPage":{"@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/"},"wordCount":195,"commentCount":0,"publisher":{"@id":"https:\/\/acadiantest.cocompass.com\/#organization"},"image":{"@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg","keywords":["content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf"],"articleSection":["Block"],"inLanguage":"fr-CA","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/","url":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/","name":"Block category: Layout Elements - Acadian Genealogy - Historical Acadian-Cajun Resources","isPartOf":{"@id":"https:\/\/acadiantest.cocompass.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage"},"image":{"@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg","datePublished":"2018-11-01T06:08:25+00:00","inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/acadiantest.cocompass.com\/blocks-layout-elements\/#primaryimage","url":"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg","contentUrl":"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/dcp_2082.jpg"},{"@type":"WebSite","@id":"https:\/\/acadiantest.cocompass.com\/#website","url":"https:\/\/acadiantest.cocompass.com\/","name":"Acadian Genealogy - Historical Acadian-Cajun Resources","description":"Learn About Acadians and Cajuns","publisher":{"@id":"https:\/\/acadiantest.cocompass.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acadiantest.cocompass.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/acadiantest.cocompass.com\/#organization","name":"Acadian Genealogy - Historical Acadian-Cajun Resources","url":"https:\/\/acadiantest.cocompass.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/acadiantest.cocompass.com\/#\/schema\/logo\/image\/","url":"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/logo.png","contentUrl":"https:\/\/acadiantest.cocompass.com\/wp-content\/uploads\/logo.png","width":303,"height":125,"caption":"Acadian Genealogy - Historical Acadian-Cajun Resources"},"image":{"@id":"https:\/\/acadiantest.cocompass.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/acadiantest.cocompass.com\/#\/schema\/person\/b861fbc36a2d94c58cb12ac2b71ec230","name":"Theme Reviewer","url":"https:\/\/acadiantest.cocompass.com\/fr\/author\/themereviewteam\/"}]}},"_links":{"self":[{"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/posts\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/users\/824"}],"replies":[{"embeddable":true,"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/comments?post=1734"}],"version-history":[{"count":0,"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/posts\/1734\/revisions"}],"wp:attachment":[{"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/media?parent=1734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/categories?post=1734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acadiantest.cocompass.com\/fr\/wp-json\/wp\/v2\/tags?post=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}