{"id":43,"date":"2019-01-13T17:16:55","date_gmt":"2019-01-13T17:16:55","guid":{"rendered":"https:\/\/bootscout.org.uk\/?page_id=43"},"modified":"2024-03-09T17:19:22","modified_gmt":"2024-03-09T17:19:22","slug":"blocks","status":"publish","type":"page","link":"https:\/\/bootscout.org.uk\/index.php\/blocks\/","title":{"rendered":"Blocks"},"content":{"rendered":"\n<p>From WordPress 5 page elements are made from blocks. Bootscout supports these with its own styling added on-top. These elements are as follows.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<h1 class=\"wp-block-heading\">H1 Heading<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">H2 Heading<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Heading<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">H4 Heading<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">H5 Heading<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">H6 Heading<\/h6>\n\n\n\n<p>P Paragraph<\/p>\n\n\n\n<p><strong>Bold<\/strong><\/p>\n\n\n\n<p><em>Italic<\/em><\/p>\n\n\n\n<p><a href=\"#\">Link<\/a><\/p>\n\n\n\n<p><del>Crossed out<\/del><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Quotes<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>This is a quote<\/p>\n<cite>citation goes here!<\/cite><\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Lists<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Unordered list item<\/li>\n\n\n\n<li>Another item\n<ul class=\"wp-block-list\">\n<li>Indented\n<ul class=\"wp-block-list\">\n<li>And another<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Next up<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ordered list item<\/li>\n\n\n\n<li>Another item\n<ol class=\"wp-block-list\">\n<li>Indented\n<ol class=\"wp-block-list\">\n<li>And another<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Next up<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Images<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30707700_10216353880703795_1353839984519413760_n.jpg\" alt=\"\" class=\"wp-image-48\"\/><figcaption class=\"wp-element-caption\">No alignment<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignleft\"><img decoding=\"async\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30707700_10216353880703795_1353839984519413760_n.jpg\" alt=\"\" class=\"wp-image-48\"\/><figcaption class=\"wp-element-caption\">Aligned left<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignright\"><img decoding=\"async\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30707700_10216353880703795_1353839984519413760_n.jpg\" alt=\"\" class=\"wp-image-48\"\/><figcaption class=\"wp-element-caption\">Aligned right<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img decoding=\"async\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30707700_10216353880703795_1353839984519413760_n.jpg\" alt=\"\" class=\"wp-image-48\"\/><figcaption class=\"wp-element-caption\">Wide width<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img decoding=\"async\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30707700_10216353880703795_1353839984519413760_n.jpg\" alt=\"\" class=\"wp-image-48\"\/><figcaption class=\"wp-element-caption\">Full width<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Gallery<\/h2>\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 decoding=\"async\" data-id=\"48\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30707700_10216353880703795_1353839984519413760_n.jpg\" alt=\"\" class=\"wp-image-48\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"51\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" alt=\"\" class=\"wp-image-51\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"52\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30711038_10216353876743696_2321331232513720320_n.jpg\" alt=\"\" class=\"wp-image-52\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"53\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30705628_10216353878423738_5884769433687162880_n.jpg\" alt=\"\" class=\"wp-image-53\"\/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Audio<\/h2>\n\n\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Cover<\/h2>\n\n\n\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><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-large-font-size\">No alignment<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignleft is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><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-large-font-size\">Align Left<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><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-large-font-size\">Align center<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignright is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><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-large-font-size\">Align right<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-42439be4 wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-text-color has-large-font-size\" style=\"margin-top:0;margin-bottom:0\">Wide width<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><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-large-font-size\">Full width<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-51\" alt=\"\" src=\"https:\/\/bootscout.org.uk\/wp-content\/uploads\/2019\/01\/30738700_10216353886583942_3745320286518509568_n.jpg\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Video<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"#SkillsForLife\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/cMGyuucCmuY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Pullquote<\/h2>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>This is a quote<\/p><cite>citation goes here!<\/cite><\/blockquote><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<pre class=\"wp-block-preformatted\">Preformatted text!<\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Table<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>item<\/td><td>Value<\/td><td>Another value<\/td><\/tr><tr><td>item 2<\/td><td><\/td><td><\/td><\/tr><tr><td>item 3<\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Verse<\/h2>\n\n\n\n<pre class=\"wp-block-verse\">Verse text goes here<\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Default<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-purple-background-color has-background wp-element-button\">Purple<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-teal-background-color has-background wp-element-button\">Teal<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-red-background-color has-background wp-element-button\">Red<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-orange-background-color has-background wp-element-button\">Orange<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-pink-background-color has-background wp-element-button\">Pink<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-green-background-color has-background wp-element-button\">Green<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-forest-green-background-color has-background wp-element-button\">Forest green<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-navy-background-color has-background wp-element-button\">Navy<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-blue-background-color has-background wp-element-button\">Blue<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-scout-yellow-background-color has-background wp-element-button\">Yellow<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\">White<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">Default<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-primary-color has-text-color has-link-color wp-element-button\">Purple<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--4\"><a class=\"wp-block-button__link has-secondary-color has-text-color has-link-color wp-element-button\">Teal<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--5\"><a class=\"wp-block-button__link has-scout-red-color has-text-color has-link-color wp-element-button\">Red<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--6\"><a class=\"wp-block-button__link has-scout-orange-color has-text-color has-link-color wp-element-button\">Orange<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--7\"><a class=\"wp-block-button__link has-scout-pink-color has-text-color has-link-color wp-element-button\">Pink<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--8\"><a class=\"wp-block-button__link has-scout-green-color has-text-color has-link-color wp-element-button\">Green<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--9\"><a class=\"wp-block-button__link has-scout-forest-green-color has-text-color has-link-color wp-element-button\">Forest green<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--10\"><a class=\"wp-block-button__link has-scout-navy-color has-text-color has-link-color wp-element-button\">Navy<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--11\"><a class=\"wp-block-button__link has-scout-blue-color has-text-color has-link-color wp-element-button\">Blue<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--12\"><a class=\"wp-block-button__link has-scout-yellow-color has-text-color has-link-color wp-element-button\">Yellow<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>From WordPress 5 page elements are made from blocks. Bootscout supports these with its own styling added on-top. These elements are as follows. Typography H1 Heading H2 Heading H3 Heading H4 Heading H5 Heading H6 Heading P Paragraph Bold Italic Link Crossed out Quotes This is a quote citation goes here! Lists Images Gallery Audio [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":3,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":770,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/770"}],"wp:attachment":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}