{"id":43807,"date":"2018-09-02T00:48:37","date_gmt":"2018-09-02T04:48:37","guid":{"rendered":"https:\/\/www.shamusyoung.com\/twentysidedtale\/?p=43807"},"modified":"2018-09-02T06:37:42","modified_gmt":"2018-09-02T10:37:42","slug":"theme-adjustments","status":"publish","type":"post","link":"https:\/\/www.shamusyoung.com\/twentysidedtale\/?p=43807","title":{"rendered":"Theme Adjustments"},"content":{"rendered":"<p>Yes, I&#8217;m sure you&#8217;re sick of hearing about the stupid theme. Not to worry. We&#8217;re nearly done. As before, I&#8217;m putting this stuff up on the weekend when traffic is slower. Also: If something looks off then make sure to do a hard refresh (Ctrl-F5 on most browsers) before complaining about it in the comments. The problem you&#8217;re seeing might already be fixed and you&#8217;re just not getting it yet.<\/p>\n<p>Here is a list of the major changes:<\/p>\n<ol>\n<li>If the window is too short to display the menu on the left, the layout will switch to menu-top mode.\n<li>Many spacing and alignment adjustments have been made. Too many to list here.\n<li>31 all-new daily background images! These will now fill the entire space behind the content.\n<li>The links for stepping through a series are now white-on blue, so they stand apart from the content more.\n<li>The promo cards<span class='snote' title='1'>The &#8220;From the archives&#8221; links to other content.<\/span> have returned. You can see the full list by clicking on &#8220;Top Content&#8221; in the main menu.\n<li>Comment colors have been tweaked to make them easier to differentiate. It&#8217;s not the rainbow we used to have, but it has a little more variation than we&#8217;ve had for the past few days. I&#8217;m trying to balance things between people who complain that it&#8217;s hard to track the comment thread colors and the people who complained about the &#8220;angry fruit salad&#8221; look of the old rainbow colors.\n<li>The Twitter popup \/ link works, for all two of the people who care about that.\n<li>I&#8217;ve taken all the various scattered links to the Spoiler Warning posts and condensed them into <a href=\"?page_id=43827\">this final library<\/a>.\n<li>Comments waste a little less horizontal space on small screens. When the view gets to be narrow there is always going to be a trade-off between the readability of the comments themselves and the clarity of the comment threading. If we give more space to the comment text then there&#8217;s less space for the lines on the left when the thread reaches maximum depth<span class='snote' title='2'>Fun fact: The max comment depth is 10 and that limit is enforced by WordPress. I can&#8217;t even find a plugin to raise it. As far as I can tell, the limit must be hard-coded someplace beyond the reach of plugins. Sadface.<\/span>.\n<li>Tightened up the graphics on level 3.\n<\/ol>\n<p>An additional note is that I&#8217;m changing the weekly publishing schedule a bit. The Diecast will still go up on Mondays and Sunday will remain my dumping ground for low-effort posts<span class='snote' title='3'>Hi there!<\/span>. My Escapist column, This Dumb Industry, my GTA retrospective, and <a href=\"?p=42084\">Bob&#8217;s Witcher series<\/a> are going to be shuffled around. I think I&#8217;ll do This Dumb Industry on Tuesdays, the Escapist on Wednesdays, and retrospectives on Thursdays.<\/p>\n<p>So why do I keep messing with the theme?<\/p>\n<p><!--more--><\/p>\n<h3>Yeah, Why DO I Keep Messing With Theme?<\/h3>\n<p>The menu-left idea was a response to all the people who complained about how much \u201cdead space\u201d there is on wide screens. The main column is 1024 pixels wide, so on a 1920\u00d71080 display<span class='snote' title='4'>This is very common these days. According to <a href=\"https:\/\/store.steampowered.com\/hwsurvey\/Steam-Hardware-Software-Survey-Welcome-to-Steam\">the Steam hardware survey<\/a>, 60% of all desktops run at this resolution.<\/span> that\u2019s nearly half the screen space \u201cwasted\u201d on the background. So, why not put something over there?<\/p>\n<p>I don\u2019t have strong feelings one way or another, I\u2019m just looking for the layout that pleases the most people and creates the least amount of confusion. (And also that doesn\u2019t require a bunch of coding to let users customize their experience, because that\u2019s a lot of work I\u2019d rather spend elsewhere.)<\/p>\n<p>The trap goes something like this:<\/p>\n<p>I offer a menu-left theme:<\/p>\n<p><strong>Yuck! This is off-center and makes me crazy.<\/strong><\/p>\n<p>Okay, so I can switch to menu-top layout:<\/p>\n<p><strong>Arg! Look at all this wasted space on a desktop monitor. It\u2019s just a tiny column of text floating in a vast sea of empty space.<\/strong><\/p>\n<p>Okay, so I\u2019ll make the center column expand to fill the space.<\/p>\n<p><strong>This is ugly and unreadable. The column is so wide that most paragraphs are only one or two lines tall. This looks ridiculous. And I lose tracking when I get to the end of a line and my eyes need to travel all the way to the other side of the display.<\/strong><\/p>\n<p>Okay so I\u2019ll switch to a menu-left layout, which starts the whole thing over again.<\/p>\n<p>The left-menu thing seemed like a good idea because it takes all the crap at the top and shoves it into what is otherwise unused space. This way the content starts right at the top, and you don&#8217;t need to scroll past all the infrastructure to get to the content. I&#8217;m kind of surprised at how many people dislike the menu-left thing. Most of <a href=\"https:\/\/twentyfifteendemo.wordpress.com\/\">the default WordPress theme<\/a>s from the past few years have featured left-menu, and so I assumed that was the prevailing style and that everyone would be used to it.<\/p>\n<p>Given the huge variety of screen sizes, it\u2019s not obvious what the least-bad option is. I just have to put things up and see what people complain about.<\/p>\n<p>As always, let me know about usability problems. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yes, I&#8217;m sure you&#8217;re sick of hearing about the stupid theme. Not to worry. We&#8217;re nearly done. As before, I&#8217;m putting this stuff up on the weekend when traffic is slower. Also: If something looks off then make sure to do a hard refresh (Ctrl-F5 on most browsers) before complaining about it in the comments. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[111],"tags":[],"class_list":["post-43807","post","type-post","status-publish","format-standard","hentry","category-notices"],"_links":{"self":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/43807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43807"}],"version-history":[{"count":22,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/43807\/revisions"}],"predecessor-version":[{"id":43910,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/43807\/revisions\/43910"}],"wp:attachment":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43807"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=43807"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=43807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}