{"id":30,"date":"2018-12-09T12:18:05","date_gmt":"2018-12-09T12:18:05","guid":{"rendered":"https:\/\/ourlocality.org\/gutenberg\/?page_id=30"},"modified":"2018-12-09T12:58:46","modified_gmt":"2018-12-09T12:58:46","slug":"movabletype","status":"publish","type":"page","link":"https:\/\/ourlocality.org\/gutenberg\/movabletype\/","title":{"rendered":"Movable Type"},"content":{"rendered":"\n<p>Sometimes creating a nice looking webpage is as hard as it is painting around corners.<\/p>\n\n\n\n<p>The new block editor seems well thought out and makes it possible for anyone to create a one page static website in almost no time.<\/p>\n\n\n\n<p>Great for a landing page for a promotion or campaign.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Heading 4<\/h4>\n\n\n\n<p>Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;Each paragraph is an element.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-media-text alignfull has-media-on-the-right\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859.jpg\" alt=\"\" class=\"wp-image-22\" srcset=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859.jpg 400w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859-150x150.jpg 150w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859-300x300.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>A small image on one side and a bit of text on the other &#8230; but without font size controls<\/p>\n\n\n\n<p>users hate html and css and seem to love changing the colour and size of a font.<\/p>\n\n\n\n<p>It is a separate question whether they should be allowed to, as the template designer might have a fit!<\/p>\n<\/div><\/div>\n\n\n\n<p>The Add Block plus + sign is invisible until you go looking for it and hover over it &#8230; right now I am at the bottom of the screen page and want to add a block below but I cannot get the plus sign until I hit return &#8211; fair enough<\/p>\n\n\n\n<p>But the block options or toolboxes are not all available until you start scrolling down the options. I spend enough of my day trying to remember which toolbox I stored x in.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-abceabcf wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>First off you have to search or scroll to get columns<\/p>\n\n\n\n<p>Columns have always been tricky<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>and now for an interlude<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Love columns?<\/p>\n\n\n\n<p>Nice in a final layout, but what if you&#8217;ve added a ton of text and your boss hates it, demands a major editorial review?<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Spaces &#8211; that is the gap above &#8211; have always been a total PITA. So the above is good. We all love white space no? But which tool box is it in?<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed-youtube alignfull wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The Battle of Arras\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/HLIcfwY5hTA?start=318&#038;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<p>You can perform embeds for supported providers as before, except there is a dialogue to go through.<\/p>\n\n\n\n<p>If the theme supports full screen and wide settings that is cool.<\/p>\n\n\n\n<ul class=\"wp-block-gallery alignfull columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"843\" src=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-113657.jpg\" alt=\"\" data-id=\"20\" data-link=\"https:\/\/ourlocality.org\/gutenberg\/publishing-with-blocks__trashed\/6tag_290915-113657\/\" class=\"wp-image-20\" srcset=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-113657.jpg 843w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-113657-150x150.jpg 150w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-113657-300x300.jpg 300w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-113657-768x768.jpg 768w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"720\" src=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/4D11C73F-C8E6-4B32-A8C4-3A69A2DB0190.jpg\" alt=\"\" data-id=\"9\" data-link=\"https:\/\/ourlocality.org\/gutenberg\/2018\/12\/say-hello\/4d11c73f-c8e6-4b32-a8c4-3a69a2db0190\/\" class=\"wp-image-9\" srcset=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/4D11C73F-C8E6-4B32-A8C4-3A69A2DB0190.jpg 720w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/4D11C73F-C8E6-4B32-A8C4-3A69A2DB0190-150x150.jpg 150w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/4D11C73F-C8E6-4B32-A8C4-3A69A2DB0190-300x300.jpg 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859.jpg\" alt=\"\" data-id=\"22\" data-link=\"https:\/\/ourlocality.org\/gutenberg\/publishing-with-blocks__trashed\/dsc_1859\/\" class=\"wp-image-22\" srcset=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859.jpg 400w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859-150x150.jpg 150w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/DSC_1859-300x300.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-190740-1024x1024.jpg\" alt=\"\" data-id=\"19\" data-link=\"https:\/\/ourlocality.org\/gutenberg\/publishing-with-blocks__trashed\/6tag_290915-190740\/\" class=\"wp-image-19\" srcset=\"https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-190740-1024x1024.jpg 1024w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-190740-150x150.jpg 150w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-190740-300x300.jpg 300w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-190740-768x768.jpg 768w, https:\/\/ourlocality.org\/gutenberg\/files\/2018\/12\/6tag_290915-190740.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul>\n\n\n<p>AND what if I don&#8217;t want to disable Gutenberg but still use Classic?<\/p>\n<p>Well it looks like that will be possible, at least until 2022.<\/p>\n<p>For now you can add a Classic Editor Block, like this one. All the paras are contained in a single element.<\/p>\n<p>Hit return and you continue editing without creating a new block.<\/p>\n<p>Phew!<\/p>\n<p>From the Dashboard you can elect to edit in Classic mode, but bear in mind this will make a mess of a complex layout.<\/p>\n<p>Thankfully revisions mode will come to the rescue if you accidentally switch or change your mind (the 10 last edits are saved on ourlocality)<\/p>\n\n\n<p>Blocks will also support widgets. What is a widget? A pesky function that usually lives in a&nbsp; sidebar that your website creator set up and drives you nuts. An example below is the output of the latest posts, but the options I have to say are pretty limited, grid or list.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/ourlocality.org\/gutenberg\/2020\/12\/say-hello-to-twenty-nineteen\/\">Say hello to Twenty Nineteen<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/ourlocality.org\/gutenberg\/2018\/12\/say-hello\/\">Say Hello<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/ourlocality.org\/gutenberg\/2018\/12\/testing-classic\/\">Testing Classic BLOCKS<\/a><\/li>\n<\/ul>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"MAILTO:\/\/OURLOCALITY@SUSTAININGDUNBAR.ORG\"><strong>WANT TO GIVE IT A TRY &#8211; EMAIL <br><\/strong>OURLOCALITY @ SUSTAININGDUNBAR.ORG<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes creating a nice looking webpage is as hard as it is painting around corners. The new block editor seems well thought out and makes it possible for anyone to create a one page static website in almost no time. Great for a landing page for a promotion or campaign. Heading 2 Heading 3 Heading &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ourlocality.org\/gutenberg\/movabletype\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Movable Type&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":49,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","has-post-thumbnail","hentry","entry"],"_links":{"self":[{"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":9,"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/pages\/30\/revisions\/52"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/ourlocality.org\/gutenberg\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}