{"id":25,"date":"2014-05-30T16:23:09","date_gmt":"2014-05-30T21:23:09","guid":{"rendered":"http:\/\/www.aminutestime.com\/jobblog\/?p=25"},"modified":"2014-06-23T12:18:30","modified_gmt":"2014-06-23T17:18:30","slug":"a-new-dawn","status":"publish","type":"post","link":"https:\/\/www.aminutestime.com\/jobblog\/2014\/05\/30\/a-new-dawn\/","title":{"rendered":"A New Dawn (WordPress Theme)"},"content":{"rendered":"<p>Hi and welcome to the first post of my new blog!\u00a0 Glad to have you come visit, I hope you find something interesting to read here.<\/p>\n<p>Although for years I&#8217;ve been making web pages for personal use and volunteer organizations, as you can see from my work history (found at the R\u00e9sum\u00e9 link to the side of this post) I&#8217;ve haven&#8217;t worked professionally as a pure Web Developer.\u00a0 But over the years my interests have been drifting ever more towards the Web, and now I find the jobs that most interest me tend to be centred around Web technologies.<\/p>\n<p>And since a part of my reason for creating this site was to use it as a home for development projects of personal interest, why not make my first project the site itself?\u00a0 So as a result I created a WordPress theme &#8211; a child theme of the &#8220;Dusk To Dawn&#8221; theme by Automattic.<\/p>\n<p>You can download the theme I made here: <a href=\"http:\/\/www.aminutestime.com\/media\/bin\/new-dawn_v0.2.zip\"><button type=\"button\">Get &#8220;A New Dawn&#8221;!<\/button><\/a><\/p>\n<h2>Loading Screen<\/h2>\n<p>In addition to a fresh new design and feel (that you are basking in as we speak), the new theme features a loading screen to hide the gradual display of the site by the browser as it loads.\u00a0 This ensures a nice, clean transition when browsing pages of the site.<\/p>\n<p>The loading screen came about because I found that due to the way the browsers were rendering the parent theme, you&#8217;d see elements of the parent theme flash on-screen before the child theme would get drawn over it whenever you loaded a new page.\u00a0 While this could have been corrected by tweaking the parent theme, I wanted my child theme to be easily laid over a fresh installation of the parent theme, without requiring special configuration that would need to get repeated after every theme update.\u00a0 So being a control freak and objecting to the impact this would have on readers&#8217; impressions of my sleek, clean site, I implemented a loading screen feature.<\/p>\n<p>What do you think?\u00a0 Is it an improvement or just as much of an eyesore?\u00a0 I like it, and definitely think it looks preferable to randomly flashing elements during every page transition.\u00a0 Also it was an interesting development challenge getting it to work properly across browsers with consideration for the experience in legacy browsers.\u00a0 Hopefully it works well in your browser, but if not, please let me know by leaving a comment below!<\/p>\n<h2>Theme Installation<\/h2>\n<ol>\n<li>In the admin panel for your WordPress site, go to &#8220;Add Themes&#8221; and install the &#8220;Dusk to Dawn&#8221; theme, OR<\/li>\n<li>Download the parent theme from this <a title=\"Automattic Dusk to Dawn WordPress theme\" href=\"http:\/\/wordpress.org\/themes\/dusk-to-dawn\">link<\/a> (<a title=\"Automattic Dusk to Dawn WordPress theme\" href=\"http:\/\/wordpress.org\/themes\/dusk-to-dawn\">http:\/\/wordpress.org\/themes\/dusk-to-dawn<\/a>) , and use the &#8220;Upload theme&#8221; feature to add it to your site (Found in the Admin panel under Appearance&gt;Themes) .<\/li>\n<li>Download the child theme from the link above and use the &#8220;Upload theme&#8221; feature to add it to your WordPress site.<\/li>\n<li>Then under the Themes area of the Admin panel, find the theme called &#8220;A New Dawn&#8221; and click to activate it.<\/li>\n<li>Modify the file <code>&lt;WordPress themes root&gt;\/new-dawn\/js\/theme_globals.js<\/code> to reference the theme&#8217;s root directory.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi and welcome to the first post of my new blog!\u00a0 Glad to have you come visit, I hope you find something interesting to read here. Although for years I&#8217;ve been making web pages for personal use and volunteer organizations, as you can see from my work history (found at the R\u00e9sum\u00e9 link to the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[6,5,4],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-a-new-dawn-wordpress-theme","tag-download","tag-theme","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":10,"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/posts\/25\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aminutestime.com\/jobblog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}