{"id":21176,"date":"2019-06-08T12:18:34","date_gmt":"2019-06-08T16:18:34","guid":{"rendered":"https:\/\/johnesimpson.com\/blog\/?p=21176"},"modified":"2019-06-08T12:29:11","modified_gmt":"2019-06-08T16:29:11","slug":"admin-wordpress-gutenberg-ramh","status":"publish","type":"post","link":"https:\/\/johnesimpson.com\/blog\/2019\/06\/admin-wordpress-gutenberg-ramh\/","title":{"rendered":"Admin: WordPress, Gutenberg, <em>RAMH<\/em>"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a class=\"fancyboxforwp\" href=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/20190608_wpgutenbergramh.png?ssl=1\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/20190608_wpgutenbergramh.png?ssl=1\" alt=\"\"\/><\/a><figcaption><em>[Partial screen capture, the WordPress Gutenberg editor]<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"has-drop-cap\">If you&#8217;re familiar with the general appearance of an <em>RAMH<\/em> post for the last few years, or even if you just poke around into recent posts shown in the &#8220;Hats Recently Chased&#8221; sidebar, you won&#8217;t notice much if any difference in the specific appearance of <em>this<\/em> post: the colors and fonts are the same, the Japanese running-after-my-hat banner is the same, and so on.<\/p>\n\n\n\n<p>But&#8230; <\/p>\n\n\n\n<p>In <a rel=\"noreferrer noopener\" href=\"https:\/\/johnesimpson.com\/blog\/2019\/06\/admin-some-testing-on-the-way\/\" target=\"_blank\">my previous &#8220;Admin&#8221; post<\/a>  from a few days ago, I mentioned I&#8217;d be plunging (finally) into  the new(ish) default editor for WordPress posts &#8212; a version which  goes by the name &#8220;Gutenberg.&#8221; The image atop this post is a partial screen capture of what I myself saw a few minutes ago, when I started editing the post. (It would have been <em>very<\/em> confusing to me if I hadn&#8217;t already seen similar user interfaces elsewhere.)<\/p>\n\n\n\n<p>That box over at the upper left of the image (&#8220;Search for a block,&#8221; &#8220;Most Used,&#8221; etc.) isn&#8217;t always there &#8212; only when you click on the little plus-sign-in-a-circle icon above it. The sidebar to the right, with the Document and Block tabs: it can easily be suppressed. So what, then, might I be seeing at first, if the sidebar were gone? Something more like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/20190608_wpgutenbergramh_simplified.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/20190608_wpgutenbergramh_simplified.png?ssl=1\" alt=\"\"\/><\/a><figcaption><em>[Partial screen capture, the WordPress Gutenberg editor, simplified]<\/em><\/figcaption><\/figure>\n\n\n\n<p>See the difference? <em>Greatly<\/em> reduced, almost nonexistent clutter. It&#8217;s just a, well, a blank page.<\/p>\n\n\n\n<p>Fancy that: a &#8220;writing&#8221; interface which doesn&#8217;t distract the writer with a lot of menus, toolbars, and other optional clutter. Oh, the clutter is there, all right, not far away once you know what triggers its appearance. But otherwise, it&#8217;s just you&#8230; and a universe of unwritten content. (Of course, that universe has always been there. But all the baroque trim &#8212; the bells and whistles, the switches and buttons, the GUI bric-a-brac of the contemporary &#8220;word processor&#8221; &#8212; all that has been crammed into a toolbox and then shut up in a closet. Refreshing, in a way.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"has-drop-cap\">Which is not to say, naturally, that this initial transition has been utterly painless for me.<\/p>\n\n\n\n<p>For instance, yesterday&#8217;s <em>whiskey river Fridays<\/em> post I thought might never get completed. Not only did I have the usual content-related challenges &#8212; selecting from the week&#8217;s <em>whiskey river<\/em> bounty, finding related quotations from other sources, identifying some media element to drop at the top of the post for its initial catch-the-eye value. But this time, I also had to contend with the forced distancing from the look-and-feel elements. How to create <span class=\"explannote\" title=\"the indented and usually specially formatted quotations\">blockquotes<\/span>, for instance? How to make things italic, make things hyperlinks, make things italicized-AND-hyperlinked? How to create the custom-formatted captions I&#8217;ve always placed under each figure at the top of a post?<\/p>\n\n\n\n<p style=\"margin-left: 60px; margin-right: 60px; font-size: 90%; line-height: 1.25em;\">Speaking of captions&#8230; The two captions on the images in <em>this<\/em> post look slightly different, don&#8217;t they? One outside the box, one inside. Another thing to try understanding&#8230;!<\/p>\n\n\n\n<p>Looked at another way, I guess, yesterday&#8217;s post was an excellent learning opportunity. As has been this post, for that matter&#8230; I&#8217;ll &#8220;get&#8221; it eventually, I know, and probably come to wonder why I ever resisted. In the meantime, from your perspective nothing much should change.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re familiar with the general appearance of an RAMH post for the last few years, or even if you just poke around into recent posts shown in the &#8220;Hats Recently Chased&#8221; sidebar, you won&#8217;t notice much if any difference in the specific appearance of this post: the colors and fonts are the same, the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":21191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","h5ap_radio_sources":[],"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[12,17,19],"tags":[1643,1864,4074,4924],"class_list":{"0":"post-21176","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-03_runningaftermyhat","8":"category-04_technology","9":"category-internet","10":"tag-administrivia","11":"tag-wordpress","12":"tag-more-administrivia","13":"tag-weirdass-blogging-stuff","14":"entry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/johnesimpson.com\/blog\/wp-content\/uploads\/2019\/06\/20190608_wpgutenbergramh.png?fit=1120%2C718&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6kZSG-5vy","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts\/21176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/comments?post=21176"}],"version-history":[{"count":13,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts\/21176\/revisions"}],"predecessor-version":[{"id":21190,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts\/21176\/revisions\/21190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/media\/21191"}],"wp:attachment":[{"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/media?parent=21176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/categories?post=21176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/tags?post=21176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}