{"id":595,"date":"2012-04-25T22:27:21","date_gmt":"2012-04-25T12:27:21","guid":{"rendered":"http:\/\/www.moneystock.net\/wp_e\/?p=595"},"modified":"2012-04-25T22:27:21","modified_gmt":"2012-04-25T12:27:21","slug":"installation-of-responsive-design-template","status":"publish","type":"post","link":"https:\/\/moneystock.net\/wp_e\/2012\/04\/25\/installation-of-responsive-design-template\/","title":{"rendered":"Installation of Responsive Design Template"},"content":{"rendered":"<p>One of the current needs of web design is making it suitable from PC to mobile device. Thus comes the responsive web design, one of which, Twenty Eleven, for WP was chosen by me to install for my blog.<br \/>\nAnd it&#8217;s free.<\/p>\n<p>What has happen after the installation is as follows;<\/p>\n<p><a href=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-596\" title=\"screen-capture\" src=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture.jpg\" alt=\"\" width=\"1029\" height=\"1008\" srcset=\"https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture.jpg 1029w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-300x293.jpg 300w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-1024x1003.jpg 1024w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-306x300.jpg 306w\" sizes=\"auto, (max-width: 1029px) 100vw, 1029px\" \/><\/a><\/p>\n<p>It&#8217;s just normal when it just installed.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-597\" title=\"screen-capture-1\" src=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-1.jpg\" alt=\"\" width=\"454\" height=\"492\" srcset=\"https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-1.jpg 709w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-1-276x300.jpg 276w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><\/a><\/p>\n<p>When the screen size is shrunken, the main image is shrunken accordingly and right hand side column is disappeared and placed to the bottom of the blog.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-599\" title=\"screen-capture-2\" src=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-2.jpg\" alt=\"\" width=\"317\" height=\"485\" srcset=\"https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-2.jpg 453w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-2-196x300.jpg 196w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/a><a href=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-598\" title=\"screen-capture-3\" src=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-3.jpg\" alt=\"\" width=\"315\" height=\"593\" srcset=\"https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-3.jpg 450w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-3-159x300.jpg 159w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/a><\/p>\n<p>When the screen size get even smaller, text font get smaller accordingly. This automatic way of transformation of layout looks really good for mobile device like ipad, iphone and other tables. Given growing volume of mobile traffic, responsive design is amazing for web site owner as individual or corporate.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/Photo-25-04-12-10-03-47-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-601\" title=\"Photo 25-04-12 10 03 47 PM\" src=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/Photo-25-04-12-10-03-47-PM.png\" alt=\"\" width=\"269\" height=\"403\" srcset=\"https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/Photo-25-04-12-10-03-47-PM.png 640w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/Photo-25-04-12-10-03-47-PM-200x300.png 200w\" sizes=\"auto, (max-width: 269px) 100vw, 269px\" \/><\/a><\/p>\n<p>This is the same page on iphone. However, this is not the responsive transformation of the same template, but iphone specific plug-in added in my blog, which will replace the template for desktop screen when user access my blog using hand held device like iphone.<\/p>\n<p><a href=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-603\" title=\"screen-capture-5\" src=\"http:\/\/www.moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-5.jpg\" alt=\"\" width=\"424\" height=\"384\" srcset=\"https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-5.jpg 424w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-5-300x271.jpg 300w, https:\/\/moneystock.net\/wp_e\/wp-content\/uploads\/2012\/04\/screen-capture-5-331x300.jpg 331w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><\/a><\/p>\n<p>As a bonus, this is the mobile traffic to my blog in last month, which is definitely growing. Another amazing thing is the total number of visitors to my blog through mobile device is 29% of total number of visitors.<\/p>\n<p>This is the right time to invest in to meet the need of mobile visitors to any web site.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the current needs of web design is making it suitable from PC to mobile device. Thus comes the responsive web design, one of which, Twenty Eleven, for WP was chosen by me to install for my blog. And it&#8217;s free. What has happen after the installation is as follows; It&#8217;s just normal when&hellip; <a class=\"more-link\" href=\"https:\/\/moneystock.net\/wp_e\/2012\/04\/25\/installation-of-responsive-design-template\/\">Continue reading <span class=\"screen-reader-text\">Installation of Responsive Design Template<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,79],"tags":[],"class_list":["post-595","post","type-post","status-publish","format-standard","hentry","category-uncategorized","category-web-development","entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/posts\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":2,"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/posts\/595\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/posts\/595\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/media?parent=595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/categories?post=595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/moneystock.net\/wp_e\/wp-json\/wp\/v2\/tags?post=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}