{"id":31308,"date":"2019-01-07T10:13:05","date_gmt":"2019-01-07T16:13:05","guid":{"rendered":"https:\/\/gregladen.com\/blog\/?p=31308"},"modified":"2019-01-07T10:13:13","modified_gmt":"2019-01-07T16:13:13","slug":"blocks-is-the-new-html","status":"publish","type":"post","link":"https:\/\/gregladen.com\/blog\/2019\/01\/07\/blocks-is-the-new-html\/","title":{"rendered":"Blocks is the new HTML"},"content":{"rendered":"\n<p>I just upgraded this site to WordPress 5.01.  (I waited out 5.o.)  I am now faced with an editor that is not text based and does not give me access to my HTML codes. Instead, it uses this thing called &#8220;blocks.&#8221; <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"31294\" data-permalink=\"https:\/\/gregladen.com\/blog\/2018\/12\/31\/stock-market-face\/peter-tuchman\/\" data-orig-file=\"https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?fit=620%2C330&amp;ssl=1\" data-orig-size=\"620,330\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;3.5&quot;,&quot;credit&quot;:&quot;AP&quot;,&quot;camera&quot;:&quot;Canon EOS 5D Mark III&quot;,&quot;caption&quot;:&quot;Trader Peter Tuchman works on the floor of the New York Stock Exchange, Wednesday, April 4, 2018. Stocks are opening sharply lower on Wall Street as an escalating trade dispute between the U.S. and China poses a threat to global economic growth and corporate profits. (AP Photo\\\/Richard Drew)&quot;,&quot;created_timestamp&quot;:&quot;1522848923&quot;,&quot;copyright&quot;:&quot;AP&quot;,&quot;focal_length&quot;:&quot;16&quot;,&quot;iso&quot;:&quot;4000&quot;,&quot;shutter_speed&quot;:&quot;0.00625&quot;,&quot;title&quot;:&quot;Peter Tuchman&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Peter Tuchman\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?fit=300%2C160&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?fit=604%2C321&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?resize=358%2C190\" alt=\"\" class=\"wp-image-31294\" width=\"358\" height=\"190\" srcset=\"https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?w=620&amp;ssl=1 620w, https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?resize=500%2C266&amp;ssl=1 500w, https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2018\/12\/Stocks.jpg?resize=300%2C160&amp;ssl=1 300w\" sizes=\"(max-width: 358px) 100vw, 358px\" data-recalc-dims=\"1\" \/><figcaption>A block can be an image, like this image I&#8217;m putting here right now.  That was actually fairly cool, because it allowed me to use dragging to size the &#8220;block&#8221; (image with caption, in this case) precisely where I wanted it to be. I wonder if I can insert a link in a caption? If so, I&#8217;d like to do so in order to point to the kind of post where this sort of on the fly real time WYSIWYG editing would be helpful, here: <a href=\"https:\/\/gregladen.com\/blog\/2018\/11\/21\/stem-holiday-gifts-for-kids\/\">STEM Holiday Gifts for Kids!<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p>I just finished inserting that graphic of the unhappy Wall Street stockbroker guy (to the right) and if you look at the caption, you&#8217;ll see that there is a link in the caption. That was actually difficult to do in the older version of WordPress, so I like that. <\/p>\n\n\n\n<p>I wonder what other kinds of blocks there are? Let&#8217;s see. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headings <\/h2>\n\n\n\n<p>There are (see above) headings. Those are blocks.  <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>It is said that a quote can be put in a block. It is a block quote.  <\/p><\/blockquote>\n\n\n\n<p>There is a plugin that allows you to go back to the old style of editor.  I&#8217;ll probably install that to see how it works, but this &#8220;Gutenberg&#8221; editor, as it is called, seems cool.  I&#8217;m a very text-oriented writer, but this is not bad. We&#8217;ll see.<\/p>\n\n\n\n<p>Next task, if I can get it to work: Make comments editable for you, dear readers, a commonly requested feature. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>I just upgraded this site to WordPress 5.01. (I waited out 5.o.) I am now faced with an editor that is not text based and does not give me access to my HTML codes. Instead, it uses this thing called &#8220;blocks.&#8221; I just finished inserting that graphic of the unhappy Wall Street stockbroker guy (to &hellip; <a href=\"https:\/\/gregladen.com\/blog\/2019\/01\/07\/blocks-is-the-new-html\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Blocks is the new HTML<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":31309,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/gregladen.com\/blog\/wp-content\/uploads\/2019\/01\/Gutenberg_Press.png?fit=423%2C250&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p5fhV1-88Y","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/posts\/31308"}],"collection":[{"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/comments?post=31308"}],"version-history":[{"count":1,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/posts\/31308\/revisions"}],"predecessor-version":[{"id":31310,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/posts\/31308\/revisions\/31310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/media\/31309"}],"wp:attachment":[{"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/media?parent=31308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/categories?post=31308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gregladen.com\/blog\/wp-json\/wp\/v2\/tags?post=31308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}