{"id":50,"date":"2021-11-05T16:22:08","date_gmt":"2021-11-05T16:22:08","guid":{"rendered":"https:\/\/stax.organicthemes.com\/playground\/?page_id=50"},"modified":"2024-02-16T01:42:05","modified_gmt":"2024-02-16T01:42:05","slug":"core-blocks","status":"publish","type":"page","link":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/","title":{"rendered":"Core Blocks"},"content":{"rendered":"\n<p class=\"has-medium-font-size wp-block-paragraph\">This page showcases most core WordPress blocks, and is meant to be used as a style guide. Some core blocks will be omitted from this guide, since the block may be self explanatory or contain no alternate styles. Of course, this opening paragraph is using the <strong>Paragraph Block<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Core blocks refer to the blocks that are included within the WordPress platform by default. <strong>STAX<\/strong> also includes support for additional block collections such as Organic Blocks, WooCommerce Blocks, and Jetpack Blocks. However, the theme is not limited to those blocks. Any blocks may be used with <strong>STAX<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"heading-block\">Heading Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"heading-1\">Heading 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"heading-2\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"heading-3\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"heading-4\">Heading 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"heading-5\">Heading 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"heading-6\">Heading 6<\/h6>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"list-block\">List Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Unordered List Item Example<\/li>\n\n\n\n<li>Unordered List Item Example<\/li>\n\n\n\n<li>Unordered List Item Example<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ordered List Item Example<\/li>\n\n\n\n<li>Ordered List Item Example<\/li>\n\n\n\n<li>Ordered List Item Example<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mixed List Item Example<\/li>\n\n\n\n<li>Mixed List Item Example\n<ol class=\"wp-block-list\">\n<li>Mixed List Item Example<\/li>\n\n\n\n<li>Mixed List Item Example<\/li>\n\n\n\n<li>Mixed List Item Example<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Mixed List Item Example<\/li>\n\n\n\n<li>Mixed List Item Example<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"quote-block\">Quote Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u201cThe danger of adventure is worth a thousand days of ease and comfort.\u201d<\/p>\n<cite>\u2015 Paulo Coelho<\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"code-block\">Code Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Example CSS\n#header {\n  display: none;\n}<\/code><\/pre>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"preformatted-block\">Preformatted Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<pre class=\"wp-block-preformatted\">(\"`-''-\/\").___..--''\"`-._ \n `6_ 6  )   `-.  (     ).`-.__.`) \n (_Y_.)'  ._   )  `._ `. ``-..-' \n   _..`--'_..-_\/  \/--'_.'\n  ((((.-''  ((((.'  (((.-' <\/pre>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pullquote-block\">Pullquote Block<\/h3>\n<\/div>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p><strong>\u201cIt\u2019s a dangerous business, Frodo, going out your door. You step onto the road, and if you don\u2019t keep your feet, there\u2019s no knowing where you might be swept off to.\u201d<\/strong><\/p><cite>\u2014 Bilbo Baggins<\/cite><\/blockquote><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"table-block\">Table Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td>Sugar<\/td><td class=\"has-text-align-right\" data-align=\"right\">2 Tablespoons<\/td><\/tr><tr><td>Salt<\/td><td class=\"has-text-align-right\" data-align=\"right\">1 Tablespoon<\/td><\/tr><tr><td>Milk<\/td><td class=\"has-text-align-right\" data-align=\"right\">2 Cups<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">An example table caption.<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"verse-block\">Verse Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<pre class=\"wp-block-verse\">The octopus is a shock to us\nIf he had lips, he could talk to us\n\nHe sleeps deep in the sea\nUnder rocks and under docks\n\nDecorating his home with shells and shiny things\nLike bottle caps, bells, and diamond rings<\/pre>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"image-block\">Image Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-large wp-duotone-dark-grayscale\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-1024x683.jpg\" alt=\"\" class=\"wp-image-1330\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-1024x683.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-300x200.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-768x512.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-1536x1024.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-2048x1365.jpg 2048w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-600x400.jpg 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">An example image caption.<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gallery-block\">Gallery Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1202\" data-id=\"533\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash.jpg\" alt=\"\" class=\"wp-image-533\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash.jpg 1800w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash-300x200.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash-1024x684.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash-768x513.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash-1536x1026.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/trevor-cole-389921-unsplash-600x401.jpg 600w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1118\" data-id=\"537\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash.jpg\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash.jpg 1800w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash-300x186.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash-1024x636.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash-768x477.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash-1536x954.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/yousef-espanioly-393255-unsplash-600x373.jpg 600w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1200\" data-id=\"542\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100.jpg\" alt=\"\" class=\"wp-image-542\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100.jpg 1800w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100-300x200.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100-1024x683.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100-768x512.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100-1536x1024.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2018\/03\/massimo-mancini-113100-600x400.jpg 600w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" data-id=\"1515\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1-1024x683.jpg\" alt=\"\" class=\"wp-image-1515\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1-1024x683.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1-300x200.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1-768x512.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1-1536x1024.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1-600x400.jpg 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-05-1.jpg 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1198\" height=\"1800\" data-id=\"579\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash.jpg\" alt=\"\" class=\"wp-image-579\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash.jpg 1198w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash-200x300.jpg 200w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash-682x1024.jpg 682w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash-768x1154.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash-1022x1536.jpg 1022w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/annie-spratt-256177-unsplash-600x902.jpg 600w\" sizes=\"auto, (max-width: 1198px) 100vw, 1198px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1200\" data-id=\"1564\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01.jpg\" alt=\"\" class=\"wp-image-1564\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01.jpg 1800w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01-300x200.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01-1024x683.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01-768x512.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01-1536x1024.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2017\/07\/page-01-600x400.jpg 600w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n<\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cover-block\">Cover Block<\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light wp-duotone-blue-red\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-40 has-background-dim\" style=\"background-color:#10515e\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1600\" class=\"wp-block-cover__image-background wp-image-2831\" alt=\"\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw.jpg\" style=\"object-position:50% 72%\" data-object-fit=\"cover\" data-object-position=\"50% 72%\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw.jpg 2400w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw-300x200.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw-1024x683.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw-768x512.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw-1536x1024.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw-2048x1365.jpg 2048w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2022\/01\/sailing-bw-980x653.jpg 980w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-text-color has-extra-large-font-size wp-block-paragraph\" style=\"text-transform:uppercase\"><strong>I&#8217;m sailing away<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color wp-block-paragraph\">Set an open course for the Virgin Sea.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:79px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"file-block\">File Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-08845f15-c4bb-4d19-a38c-4cec92db1225\" href=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\">Avatar Image<\/a><a href=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/avatar_022.png\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-08845f15-c4bb-4d19-a38c-4cec92db1225\">Download<\/a><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:79px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"media-text-block\">Media &amp; Text Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-off-white-background-color has-background\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-1024x1024.jpg\" alt=\"\" class=\"wp-image-1628 size-full\" srcset=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-1024x1024.jpg 1024w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-300x300.jpg 300w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-150x150.jpg 150w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-768x768.jpg 768w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-1536x1536.jpg 1536w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-600x600.jpg 600w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-100x100.jpg 100w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02-50x50.jpg 50w, https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/portrait-02.jpg 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<blockquote class=\"wp-block-quote is-style-plain has-medium-large-font-size is-layout-flow wp-block-quote-is-layout-flow is-style-plain--2\">\n<p class=\"wp-block-paragraph\">&#8220;<strong>It&#8217;s time to kick ass and chew bubblegum, and I&#8217;m all out of gum<\/strong>.&#8221;<\/p>\n<cite>\u2014 Duke Nukem<\/cite><\/blockquote>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:79px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"video-block\">Video Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/12\/effects-vid-01.mp4\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:79px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"buttons-block\">Embed Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Water\" src=\"https:\/\/player.vimeo.com\/video\/90429499?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:79px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"buttons-block\">Buttons Block<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-medium-gray-color has-css-opacity has-medium-gray-background-color has-background is-style-wide\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1710e208 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Example Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Example Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-tokyo-sunset-gradient-background has-background wp-element-button\" href=\"#\">Example Button<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This page showcases most core WordPress blocks, and is meant to be used as a style guide. Some core blocks will be omitted from this guide, since the block may be self explanatory or contain no alternate styles. Of course, this opening paragraph is using the Paragraph Block. Core blocks refer to the blocks that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":46,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Blocks - STAX Playground<\/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:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Blocks - STAX Playground\" \/>\n<meta property=\"og:description\" content=\"This page showcases most core WordPress blocks, and is meant to be used as a style guide. Some core blocks will be omitted from this guide, since the block may be self explanatory or contain no alternate styles. Of course, this opening paragraph is using the Paragraph Block. Core blocks refer to the blocks that [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"STAX Playground\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-16T01:42:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-1024x683.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/\",\"url\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/\",\"name\":\"Core Blocks - STAX Playground\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2019\\\/05\\\/featured-08-1024x683.jpg\",\"datePublished\":\"2021-11-05T16:22:08+00:00\",\"dateModified\":\"2024-02-16T01:42:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2019\\\/05\\\/featured-08.jpg\",\"contentUrl\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2019\\\/05\\\/featured-08.jpg\",\"width\":2400,\"height\":1600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/core-blocks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Core Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/#website\",\"url\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/\",\"name\":\"STAX Playground\",\"description\":\"A WordPress Full-Site Editor Theme\",\"publisher\":{\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/#organization\",\"name\":\"STAX Playground\",\"url\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2021\\\/11\\\/stax-logo.png\",\"contentUrl\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2021\\\/11\\\/stax-logo.png\",\"width\":800,\"height\":251,\"caption\":\"STAX Playground\"},\"image\":{\"@id\":\"https:\\\/\\\/stax.organicthemes.com\\\/playground\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Blocks - STAX Playground","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:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/","og_locale":"en_US","og_type":"article","og_title":"Core Blocks - STAX Playground","og_description":"This page showcases most core WordPress blocks, and is meant to be used as a style guide. Some core blocks will be omitted from this guide, since the block may be self explanatory or contain no alternate styles. Of course, this opening paragraph is using the Paragraph Block. Core blocks refer to the blocks that [&hellip;]","og_url":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/","og_site_name":"STAX Playground","article_modified_time":"2024-02-16T01:42:05+00:00","og_image":[{"url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-1024x683.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/","url":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/","name":"Core Blocks - STAX Playground","isPartOf":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/#primaryimage"},"image":{"@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08-1024x683.jpg","datePublished":"2021-11-05T16:22:08+00:00","dateModified":"2024-02-16T01:42:05+00:00","breadcrumb":{"@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/#primaryimage","url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08.jpg","contentUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2019\/05\/featured-08.jpg","width":2400,"height":1600},{"@type":"BreadcrumbList","@id":"https:\/\/stax.organicthemes.com\/playground\/blocks\/core-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stax.organicthemes.com\/playground\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/stax.organicthemes.com\/playground\/blocks\/"},{"@type":"ListItem","position":3,"name":"Core Blocks"}]},{"@type":"WebSite","@id":"https:\/\/stax.organicthemes.com\/playground\/#website","url":"https:\/\/stax.organicthemes.com\/playground\/","name":"STAX Playground","description":"A WordPress Full-Site Editor Theme","publisher":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stax.organicthemes.com\/playground\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/stax.organicthemes.com\/playground\/#organization","name":"STAX Playground","url":"https:\/\/stax.organicthemes.com\/playground\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/","url":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png","contentUrl":"https:\/\/stax.organicthemes.com\/playground\/wp-content\/uploads\/sites\/2\/2021\/11\/stax-logo.png","width":800,"height":251,"caption":"STAX Playground"},"image":{"@id":"https:\/\/stax.organicthemes.com\/playground\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":0,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/pages\/46"}],"wp:attachment":[{"href":"https:\/\/stax.organicthemes.com\/playground\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}