{"id":46,"date":"2014-07-24T19:15:23","date_gmt":"2014-07-25T00:15:23","guid":{"rendered":"https:\/\/bztechsolutions.com\/bztechblog\/?p=46"},"modified":"2014-07-24T19:14:25","modified_gmt":"2014-07-25T00:14:25","slug":"designing-custom-wordpress-theme-based-on-an-existing-website","status":"publish","type":"post","link":"https:\/\/bztechsolutions.com\/bztechblog\/designing-custom-wordpress-theme-based-on-an-existing-website\/","title":{"rendered":"Designing Custom WordPress Theme Based on an Existing Website"},"content":{"rendered":"<div class=\"separator\" style=\"clear: both; text-align: none;\">&nbsp;<\/div>\n<div class=\"separator\" style=\"clear: both; text-align: left;\"><a href=\"http:\/\/corp-cdn.wishpond.com\/wp-content\/uploads\/2013\/03\/Wordpress.jpg\" target=\"_blank\" style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/corp-cdn.wishpond.com\/wp-content\/uploads\/2013\/03\/Wordpress.jpg\" id=\"blogsy-1406247141681.7063\" class=\"alignleft\" alt=\"\" width=\"300\" height=\"300\"><\/a><\/div>\n<p> When I decided to implement a blog for BZTech Solutions, I knew that it would be WordPress and I knew that i wanted to incorporate the blog as part of my website&#39;s look and feel. I did not know how hard or how easy it would be, however. As I wrote earlier, after I installed WordPress and set it up after viewing the <a href=\"http:\/\/www.lynda.com\/WordPress-tutorials\/Installing-Running-WordPress-Shared-Hosting\/147535-2.html\" x-apple-data-detectors=\"true\" x-apple-data-detectors-type=\"link\" x-apple-data-detectors-result=\"0\" target=\"_blank\" title=\"lynda.com course on installing WordPress on shared hosting\">Lynda.com<\/a> course on installing WordPress, I took a look at Theme Matcher as a potential answer to creating my own custom theme. Instead, I chose to take one of the default WordPress themes, Twenty Twelve, and customize it based on the CSS styling and HTML structure of my website. <\/p>\n<p>I began by replacing the header and footer with my own header and footer. Then I bulk imported chunks of my own CSS and put it in the style.css file. Some things worked and many more did not. I made heavy use of Firebug and Firefox to determine where style were being overridden and implemented adjustments. Finally, I took the correct approach and viewed a course on <a href=\"http:\/\/Lynda.com\" x-apple-data-detectors=\"true\" x-apple-data-detectors-type=\"link\" x-apple-data-detectors-result=\"1\">Lynda.com<\/a> for creating custom WordPress themes and then deconstructed the Twenty Twelve theme and correctly modified it to create the bztechtheme. Through this process, I gained a better understanding of how the various php files in the theme worked.<\/p>\n<p>I am satisfied with my new bztechtheme, but I doubt that I am finished with tweaking the theme to meet my expectations. The whole process has been enjoyable and highly educational and I recommend it to anyone who seeks to create a custom theme based on their current website design.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; When I decided to implement a blog for BZTech Solutions, I knew that it would be WordPress and I knew that i wanted to incorporate the blog as part of my website&#39;s look and feel. I did not know how hard or how easy it would be, however. As I wrote earlier, after I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"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,"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":[16],"tags":[20,15,14],"class_list":["post-46","post","type-post","status-publish","format-standard","hentry","category-web","tag-custom","tag-themes","tag-wordpress"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4RVSP-K","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":1,"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/posts\/46\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bztechsolutions.com\/bztechblog\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}