{"id":5803,"date":"2013-08-03T07:49:50","date_gmt":"2013-08-03T11:49:50","guid":{"rendered":"http:\/\/ianchadwick.com\/blog\/?p=5803"},"modified":"2013-08-03T08:21:36","modified_gmt":"2013-08-03T12:21:36","slug":"wp-theme-experiments-ongoing","status":"publish","type":"post","link":"https:\/\/ianchadwick.com\/blog\/wp-theme-experiments-ongoing\/","title":{"rendered":"WP theme experiments ongoing"},"content":{"rendered":"<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_5803\" class=\"pvc_stats all  \" data-element-id=\"5803\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewBox=\"0 0 502 315\" preserveAspectRatio=\"xMidYMid meet\"><g transform=\"translate(0,332) scale(0.1,-0.1)\" fill=\"\" stroke=\"none\"><path d=\"M2394 3279 l-29 -30 -3 -207 c-2 -182 0 -211 15 -242 39 -76 157 -76 196 0 15 31 17 60 15 243 l-3 209 -33 29 c-26 23 -41 29 -80 29 -41 0 -53 -5 -78 -31z\"\/><path d=\"M3085 3251 c-45 -19 -58 -50 -96 -229 -47 -217 -49 -260 -13 -295 52 -53 146 -42 177 20 16 31 87 366 87 410 0 70 -86 122 -155 94z\"\/><path d=\"M1751 3234 c-13 -9 -29 -31 -37 -50 -12 -29 -10 -49 21 -204 19 -94 39 -189 45 -210 14 -50 54 -80 110 -80 34 0 48 6 76 34 21 21 34 44 34 59 0 14 -18 113 -40 219 -37 178 -43 195 -70 221 -36 32 -101 37 -139 11z\"\/><path d=\"M1163 3073 c-36 -7 -73 -59 -73 -102 0 -56 133 -378 171 -413 34 -32 83 -37 129 -13 70 36 67 87 -16 290 -86 209 -89 214 -129 231 -35 14 -42 15 -82 7z\"\/><path d=\"M3689 3066 c-15 -9 -33 -30 -42 -48 -48 -103 -147 -355 -147 -375 0 -98 131 -148 192 -74 13 15 57 108 97 206 80 196 84 226 37 273 -30 30 -99 39 -137 18z\"\/><path d=\"M583 2784 c-38 -19 -67 -74 -58 -113 9 -42 211 -354 242 -373 16 -10 45 -18 66 -18 51 0 107 52 107 100 0 39 -1 41 -124 234 -80 126 -108 162 -133 173 -41 17 -61 16 -100 -3z\"\/><path d=\"M4250 2784 c-14 -9 -74 -91 -133 -183 -95 -150 -107 -173 -107 -213 0 -55 33 -94 87 -104 67 -13 90 8 211 198 130 202 137 225 78 284 -27 27 -42 34 -72 34 -22 0 -50 -8 -64 -16z\"\/><path d=\"M2275 2693 c-553 -48 -1095 -270 -1585 -649 -135 -104 -459 -423 -483 -476 -23 -49 -22 -139 2 -186 73 -142 361 -457 571 -626 285 -228 642 -407 990 -497 242 -63 336 -73 660 -74 310 0 370 5 595 52 535 111 1045 392 1455 803 122 121 250 273 275 326 19 41 19 137 0 174 -41 79 -309 363 -465 492 -447 370 -946 591 -1479 653 -113 14 -422 18 -536 8z m395 -428 c171 -34 330 -124 456 -258 112 -119 167 -219 211 -378 27 -96 24 -300 -5 -401 -72 -255 -236 -447 -474 -557 -132 -62 -201 -76 -368 -76 -167 0 -236 14 -368 76 -213 98 -373 271 -451 485 -162 444 86 934 547 1084 153 49 292 57 452 25z m909 -232 c222 -123 408 -262 593 -441 76 -74 138 -139 138 -144 0 -16 -233 -242 -330 -319 -155 -123 -309 -223 -461 -299 l-81 -41 32 46 c18 26 49 83 70 128 143 306 141 649 -6 957 -25 52 -61 116 -79 142 l-34 47 45 -20 c26 -10 76 -36 113 -56z m-2057 25 c-40 -58 -105 -190 -130 -263 -110 -324 -59 -707 132 -981 25 -35 42 -64 37 -64 -19 0 -241 119 -326 174 -188 122 -406 314 -532 468 l-58 71 108 103 c185 178 428 349 672 473 66 33 121 60 123 61 2 0 -10 -19 -26 -42z\"\/><path d=\"M2375 1950 c-198 -44 -350 -190 -395 -379 -18 -76 -8 -221 19 -290 114 -284 457 -406 731 -260 98 52 188 154 231 260 27 69 37 214 19 290 -38 163 -166 304 -326 360 -67 23 -215 33 -279 19z\"\/><\/g><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/ianchadwick.com\/blog\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n<p><strong>With the latest update to WordPress (3.6)<\/strong> comes a new theme, Twenty Thirteen. I&#8217;ve activated it with the upgrade, and I like it so far, but I&#8217;m not 100% satisfied.<\/p>\n<p>I preferred the dimensions of the header image on the Twenty Eleven and Twenty Twelve themes. Proportionately they were more humanistic. The new header is 1600 x 230, which is rather thin and proportionately difficult. Using it means redoing a lot of photos and trying to find a slice that works as well as with the older themes, if I want my own headers. The abstract headers are the default that come with the theme.<\/p>\n<p>I could go back to an earlier theme, and restore my previous headers, but this one has elements I like, so I&#8217;m trying to work with it.<\/p>\n<p>Also, the header sits below the blog name in the Z axis, so I have to find images that work well with the layering. Might mean some changes in text colour, size and location to get it right.<\/p>\n<p>Whenever you activate a WP theme, you lose the CSS changes you made to previous themes. If you want to restore them, you need to edit the new CSS again. Which means you need to comb through the new theme&#8217;s CSS to find out how the authors set it up and then figure out what changes you want to make. And I&#8217;m an inveterate hacker from way back, who just can&#8217;t help myself from tinkering.<\/p>\n<p>I&#8217;m okay hacking at CSS &#8211; actually enjoy the challenge and it keeps my coding skills from getting too rusty &#8211; but it&#8217;s not as simple as a working with a static page. Sometimes the appropriate code is spread throughout several entries that need to be identified and changed.<\/p>\n<p>The WP CSS is only modestly commented, so sometimes it takes a bit of experimentation to figure out the intent of the code in every entry. I copy the CSS into MS Expression and use that file as my base for searching and identifying the content I need to change. I can also do a cut-and-paste of all related content into a separate file so I get to see it all together. That&#8217;s sometimes easier to comprehend.<\/p>\n<p>For example, I like my quoted material to look a certain way. That means altering the blockquote codes. In the new theme, there are 16 separate places where blockquote is referenced. You&#8217;d think the font size would be set by the basic <em>font-size: 18px<\/em> in the main entry, but no, I found it lurking in <em>.entry-content blockquote<\/em> which has <em>font-size: 24px<\/em>. Trial and error works best here &#8211; testing in different browsers, on mobile devices, is necessary too.<\/p>\n<p>So if you see changes to style and layout while you&#8217;re surfing this site, I&#8217;m probably tinkering in the background. I apologize for any inconvenience or oddly stylized bits that may occur. For me, presentation matters, so I want it to look the best I can make it.<\/p>\n<p>I may switch back and forth between the new and older themes, too, as I try to figure out what changes I want. Be patient, please.<\/p>\n<p><span style=\"line-height: 1.5;\">I&#8217;ve also migrated to a different server recently, which may make some pages load slowly for you. That&#8217;s because all the images, cookies and some content need to be re-cached in your browser. Once they load, the next time it should be faster.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_5803\" class=\"pvc_stats all  \" data-element-id=\"5803\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewBox=\"0 0 502 315\" preserveAspectRatio=\"xMidYMid meet\"><g transform=\"translate(0,332) scale(0.1,-0.1)\" fill=\"\" stroke=\"none\"><path d=\"M2394 3279 l-29 -30 -3 -207 c-2 -182 0 -211 15 -242 39 -76 157 -76 196 0 15 31 17 60 15 243 l-3 209 -33 29 c-26 23 -41 29 -80 29 -41 0 -53 -5 -78 -31z\"\/><path d=\"M3085 3251 c-45 -19 -58 -50 -96 -229 -47 -217 -49 -260 -13 -295 52 -53 146 -42 177 20 16 31 87 366 87 410 0 70 -86 122 -155 94z\"\/><path d=\"M1751 3234 c-13 -9 -29 -31 -37 -50 -12 -29 -10 -49 21 -204 19 -94 39 -189 45 -210 14 -50 54 -80 110 -80 34 0 48 6 76 34 21 21 34 44 34 59 0 14 -18 113 -40 219 -37 178 -43 195 -70 221 -36 32 -101 37 -139 11z\"\/><path d=\"M1163 3073 c-36 -7 -73 -59 -73 -102 0 -56 133 -378 171 -413 34 -32 83 -37 129 -13 70 36 67 87 -16 290 -86 209 -89 214 -129 231 -35 14 -42 15 -82 7z\"\/><path d=\"M3689 3066 c-15 -9 -33 -30 -42 -48 -48 -103 -147 -355 -147 -375 0 -98 131 -148 192 -74 13 15 57 108 97 206 80 196 84 226 37 273 -30 30 -99 39 -137 18z\"\/><path d=\"M583 2784 c-38 -19 -67 -74 -58 -113 9 -42 211 -354 242 -373 16 -10 45 -18 66 -18 51 0 107 52 107 100 0 39 -1 41 -124 234 -80 126 -108 162 -133 173 -41 17 -61 16 -100 -3z\"\/><path d=\"M4250 2784 c-14 -9 -74 -91 -133 -183 -95 -150 -107 -173 -107 -213 0 -55 33 -94 87 -104 67 -13 90 8 211 198 130 202 137 225 78 284 -27 27 -42 34 -72 34 -22 0 -50 -8 -64 -16z\"\/><path d=\"M2275 2693 c-553 -48 -1095 -270 -1585 -649 -135 -104 -459 -423 -483 -476 -23 -49 -22 -139 2 -186 73 -142 361 -457 571 -626 285 -228 642 -407 990 -497 242 -63 336 -73 660 -74 310 0 370 5 595 52 535 111 1045 392 1455 803 122 121 250 273 275 326 19 41 19 137 0 174 -41 79 -309 363 -465 492 -447 370 -946 591 -1479 653 -113 14 -422 18 -536 8z m395 -428 c171 -34 330 -124 456 -258 112 -119 167 -219 211 -378 27 -96 24 -300 -5 -401 -72 -255 -236 -447 -474 -557 -132 -62 -201 -76 -368 -76 -167 0 -236 14 -368 76 -213 98 -373 271 -451 485 -162 444 86 934 547 1084 153 49 292 57 452 25z m909 -232 c222 -123 408 -262 593 -441 76 -74 138 -139 138 -144 0 -16 -233 -242 -330 -319 -155 -123 -309 -223 -461 -299 l-81 -41 32 46 c18 26 49 83 70 128 143 306 141 649 -6 957 -25 52 -61 116 -79 142 l-34 47 45 -20 c26 -10 76 -36 113 -56z m-2057 25 c-40 -58 -105 -190 -130 -263 -110 -324 -59 -707 132 -981 25 -35 42 -64 37 -64 -19 0 -241 119 -326 174 -188 122 -406 314 -532 468 l-58 71 108 103 c185 178 428 349 672 473 66 33 121 60 123 61 2 0 -10 -19 -26 -42z\"\/><path d=\"M2375 1950 c-198 -44 -350 -190 -395 -379 -18 -76 -8 -221 19 -290 114 -284 457 -406 731 -260 98 52 188 154 231 260 27 69 37 214 19 290 -38 163 -166 304 -326 360 -67 23 -215 33 -279 19z\"\/><\/g><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/ianchadwick.com\/blog\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n<p>With the latest update to WordPress (3.6) comes a new theme, Twenty Thirteen. I&#8217;ve activated it with the upgrade, and I like it so far, but I&#8217;m not 100% satisfied. I preferred the dimensions of the header image on the Twenty Eleven and Twenty Twelve themes. Proportionately they were more humanistic. The new header is 1600 x 230, which is rather thin and proportionately difficult. Using it means redoing a lot of photos and trying to find a slice that works as well as with the older themes, if I want my own headers. The abstract headers are the default \u2026&#8230;&#8230; click below for more \u2193<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"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},"jetpack_post_was_ever_published":false},"categories":[310,204],"tags":[324,71,325],"class_list":["post-5803","post","type-post","status-publish","format-standard","hentry","category-blog","category-internet-social-media","tag-css","tag-internet","tag-wordpress"],"a3_pvc":{"activated":true,"total_views":8111,"today_views":0},"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/posts\/5803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/comments?post=5803"}],"version-history":[{"count":5,"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/posts\/5803\/revisions"}],"predecessor-version":[{"id":5810,"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/posts\/5803\/revisions\/5810"}],"wp:attachment":[{"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/media?parent=5803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/categories?post=5803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ianchadwick.com\/blog\/wp-json\/wp\/v2\/tags?post=5803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}