{"id":8296,"date":"2011-09-10T14:04:09","date_gmt":"2011-09-10T18:04:09","guid":{"rendered":"http:\/\/johnesimpson.com\/blog\/?p=8296"},"modified":"2011-09-10T14:55:40","modified_gmt":"2011-09-10T18:55:40","slug":"admin-clearing-up-some-ramh-clutter-part-3","status":"publish","type":"post","link":"https:\/\/johnesimpson.com\/blog\/2011\/09\/admin-clearing-up-some-ramh-clutter-part-3\/","title":{"rendered":"Admin: Clearing Up Some <em>RAMH<\/em> Clutter, Part 3"},"content":{"rendered":"<p>Sometime in the next couple of days, I&#8217;ll switch\u00a0<em>Running After My Hat<\/em>\u00a0over to its new look. For anyone interested in such matters, I&#8217;ve prepared some screen captures to give you an idea of what to expect. Below, I&#8217;ll include an annotated version of some of those screen captures in this post, highlighting various features.<\/p>\n<p>If you&#8217;d prefer to test-drive it yourself, feel free to just head over to <a title=\"RAMH test site\" href=\"http:\/\/themetest.johnesimpson.com\/\" target=\"_blank\">the test site<\/a>. You&#8217;ll find it to be not particularly full-featured: for example, it includes only a few months&#8217; posts, comments, categories, and so on.<\/p>\n<p>And I don&#8217;t think you&#8217;ll be able to post comments, but am ready to be surprised :).<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: center;\">[Note: most of the images below can be enlarged by simply clicking on them.]\n<p>Let&#8217;s start with about what you might see in your browser window when you visit the new <em>RAMH<\/em>:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/01_firefox_window.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"New RAMH page (full window(ish)) - click to enlarge\" src=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/01_firefox_window_sm.jpg?resize=500%2C342&#038;ssl=1\" alt=\"\" width=\"500\" height=\"342\" \/><\/a><\/p>\n<p><strong>Notes:<\/strong><\/p>\n<ul>\n<li>The translucent-gray notation at the top right isn&#8217;t part of the new look (haha). It&#8217;s added by the browser.cam Web site as it captures a screen image, to indicate the software the user&#8217;s assumed to be using for this image. I&#8217;ve tested using Safari, both under Apple OS\/X and Windows, and using the Firefox, Internet Explorer and the Chrome browsers under Windows. So what you see in these screen captures is pretty much what you&#8217;ll see on other platforms.<\/li>\n<li>I tried to keep the color scheme about the same as the original site &#8212; minimizing the &#8220;shock of the new&#8221; effect &#8212; sticking to browns, tans, pale yellows, and a white background.<\/li>\n<li>Fonts, likewise, are mostly unchanged.<\/li>\n<\/ul>\n<p>Now for some details. <strong>Here&#8217;s the page head<\/strong>:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/02_firefox_header.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"New RAMH page head - click to enlarge\" src=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/02_firefox_header_sm.jpg?resize=500%2C103&#038;ssl=1\" alt=\"\" width=\"500\" height=\"103\" \/><\/a><\/p>\n<p><strong>Notes:<\/strong><\/p>\n<ul>\n<li>I&#8217;m going to be changing the header image itself, in the not-too-distant future. Again, though, I&#8217;m trying to ease all of us (especially myself!) into this new thing.<\/li>\n<li>The &#8220;search&#8221; box is moved up into the header image.<\/li>\n<li>Menu across the top of the page is mostly unchanged. However, at the right-hand edge is a new feature, labeled &#8220;Adjust text size.&#8221; Click on the <strong>+<\/strong> sign to enlarge the current font a little, and click on the <strong>&#8211;<\/strong>\u00a0sign to reduce it.<\/li>\n<\/ul>\n<p style=\"padding-left: 60px; padding-right: 30px; font-size: 90%; line-height: 1.25em;\">These adjustments to font size use a multiplier &#8212; something like &#8220;increase the font size by 10%&#8221; or whatever. This means that the adjustment sometimes seems to jump by more than one whole font size. I have also not adjusted the line height, just the font size, which can make things look a little crowded if you jack the height up a lot. If you experiment with it at the test site, you&#8217;ll see what I mean. And yes, you will get used to it. :)<\/p>\n<p>Moving on to <strong>a sample post<\/strong>:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/03_firefox_post.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"New RAMH post - click to enlarge\" src=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/03_firefox_post_sm.jpg?resize=500%2C622&#038;ssl=1\" alt=\"\" width=\"500\" height=\"622\" \/><\/a><\/p>\n<p><strong>Notes:<\/strong><\/p>\n<ul>\n<li>At this scale, you can see some font changes &#8212; particularly in headings. Nothing egregious. But probably obvious, if you&#8217;re paying attention.<\/li>\n<li>See the extra white space, around the image in this old-formatted post? The new theme has a wider column for post contents. Among other things, this means that images will be wider (and taller), and ditto embedded YouTube videos. Here at the old layout, the max width is 500 pixels; at the new one, it&#8217;s something like 625 pixels. (I&#8217;ve always been jealous of the generously-sized images on display at the <em><a title=\"Seven Impossible Things Before Breakfast\" href=\"http:\/\/blaine.org\/sevenimpossiblethings\/\" target=\"_blank\">Seven Impossible Thing<\/a>s&#8230;<\/em> blog!) It also means that I&#8217;ll be able to include longer lines of poetry without going crazy trying to figure out how to break\/indent them across multiple lines.<\/li>\n<li>I plan to keep using the same little audio-player widget I&#8217;ve always used, formatted the same way.<\/li>\n<li>Although not shown here, commenting may function a little differently. As you can see\u00a0<a title=\"Threaded comment demo\" href=\"http:\/\/themetest.johnesimpson.com\/2011\/08\/admin-cleaning-up-some-ramh-clutter\/#comment-1011\" target=\"_blank\">here<\/a>, I&#8217;ll be trying out a so-called &#8220;threaded comments&#8221; feature, so the little Reply links will actually work as most people expect. And I expect to keep using reCaptcha, since it seems to have so many fans. Some of whom grumble about it sometimes. :)<\/li>\n<\/ul>\n<p><a href=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/04_firefox_sidebar_trimmed.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignright\" title=\"New RAMH right sidebar - click to enlarge\" src=\"https:\/\/i0.wp.com\/johnesimpson.com\/images\/04_firefox_sidebar_trimmed_sm.jpg?resize=175%2C713&#038;ssl=1\" alt=\"\" width=\"175\" height=\"713\" \/><\/a>And finally, looking at <strong>the sidebar<\/strong>, which I&#8217;ve (obviously!) stuck over to the right&#8230;<\/p>\n<p><strong>Notes:<\/strong><\/p>\n<ul>\n<li>This is a partial sidebar. The actual categories lists and so on may (probably will) be longer. I&#8217;ve just trimmed out some of the yadda-yadda in this screen shot.<\/li>\n<li>No separate &#8220;Archives&#8221; page anymore. I don&#8217;t think anyone ever used it more than once or twice, and I always hated the way it looked under the old theme. Down with the &#8220;Archives&#8221; page. Up with a simple monthly calendar.<\/li>\n<li>The &#8220;recent posts&#8221; list has been re-titled in a way that will encourage newcomers to think I&#8217;m cleverer than I actually am. <em>(Sssshhh&#8230;)<\/em><\/li>\n<li>Notice also that bulleted lists in the new theme use little arrow symbols instead of plain-vanilla bullets. I&#8217;m still trying to decide if this is charming or absurd. For the time being, arrows it is.<\/li>\n<li>The list of categories is set up to collapse\/expand, as you&#8217;d like. I think this uses a cookie to &#8220;remember&#8221; you; on subsequent visits, it will retain whatever expansion level you chose.<\/li>\n<li>I expect to use more or less the same old blogroll categories \u00a0&#8212;\u00a0<strong>Touchstones<\/strong>, etc.<\/li>\n<li>I&#8217;ll be dumping some blogroll links\u00a0which I included early on in <em>RAMH<\/em>&#8216;s history but haven&#8217;t visited in a long time. And I&#8217;ll probably be adding some new ones.<\/li>\n<\/ul>\n<p>That&#8217;s about all I can think of for now.<\/p>\n<p>Comments or questions? Let me know in a comment to this post, since (as I said) I think the comments over at the test site may be turned off.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometime in the next couple of days, I&#8217;ll switch\u00a0Running After My Hat\u00a0over to its new look. For anyone interested in such matters, I&#8217;ve prepared some screen captures to give you an idea of what to expect. Below, I&#8217;ll include an annotated version of some of those screen captures in this post, highlighting various features. If [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[12,17,19,20],"tags":[2575],"class_list":{"0":"post-8296","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-03_runningaftermyhat","7":"category-04_technology","8":"category-internet","9":"category-programmingetc","10":"tag-ramh-redesign","11":"entry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6kZSG-29O","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts\/8296","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=8296"}],"version-history":[{"count":1,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts\/8296\/revisions"}],"predecessor-version":[{"id":8297,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/posts\/8296\/revisions\/8297"}],"wp:attachment":[{"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/media?parent=8296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/categories?post=8296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnesimpson.com\/blog\/wp-json\/wp\/v2\/tags?post=8296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}