{"id":967,"date":"2014-08-09T19:44:41","date_gmt":"2014-08-10T02:44:41","guid":{"rendered":"http:\/\/www.ultimatewb.com\/blog\/?p=967"},"modified":"2014-08-09T20:35:43","modified_gmt":"2014-08-10T03:35:43","slug":"easiest-and-best-way-to-create-mobile-website-responsive","status":"publish","type":"post","link":"https:\/\/www.ultimatewb.com\/blog\/967\/easiest-and-best-way-to-create-mobile-website-responsive\/","title":{"rendered":"Easiest and Best Way to create your own Mobile Website &#8211; go Responsive!"},"content":{"rendered":"<p>Lots and lots of people use their smartphones for browsing the internet, so you want to make sure to have a mobile website to keep the traffic your are getting. \u00a0You probably don&#8217;t need a lot of convincing on\u00a0that, but you might be wondering, what is the easiest and best way to create your own mobile website?<\/p>\n<p>Like lots of things, the answer is keeping it simple. \u00a0There are 2 main paths you can take:<\/p>\n<p>    <picture>\n                <img src=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/woman-mad-at-computer.jpg\"\n             srcset=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/woman-mad-at-computer.jpg 325w, https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/woman-mad-at-computer-300x184.jpg 300w\"             sizes=\"(max-width: 600px) 100vw, (max-width: 1200px) 75vw, 1200px\"\n             width=\"325\"\n             height=\"200\"\n             alt=\"woman-mad-at-computer\"\n             loading=\"lazy\"             decoding=\"async\"\n             class=\"size-full wp-image-969 alignright\" >\n    <\/picture>\n    <strong>1) Create different versions of your website<\/strong>, one for desktop\/laptop use, one for mobile&#8230;and then perhaps even more versions to account for tablet use, and different sizes of smartphone. \u00a0Samsung phones, the Note 3 and Galaxy S5 are pretty big compared to Apple&#8217;s iphone 6. \u00a0Pretty complicated, and the maintenance of the websites for each update and content addition can be a nightmare, very time consuming.<\/p>\n<p>    <picture>\n                <img src=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/happy-computer-girl.jpg\"\n             srcset=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/happy-computer-girl.jpg 544w, https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/happy-computer-girl-300x168.jpg 300w\"             sizes=\"(max-width: 600px) 100vw, (max-width: 1200px) 75vw, 1200px\"\n             width=\"544\"\n             height=\"306\"\n             alt=\"happy-computer-girl\"\n             loading=\"lazy\"             decoding=\"async\"\n             class=\"wp-image-970 alignright\" >\n    <\/picture>\n    <\/p>\n<p><strong>2) Create ONE website that adapts its formatting based on the user&#8217;s device and window size.<\/strong> \u00a0Aww, that&#8217;s nice and easy. \u00a0It means you just have to update one website.<br \/>\nOk, so like the popular childhood song, first is the worst, second is the best&#8230;but how to create one website that does the job of many websites? \u00a0The answer is by creating a <strong>RESPONSIVE website<\/strong>. \u00a0<span style=\"text-decoration: underline;\">And you don&#8217;t have to mess with any coding at all by using the Ultimate Web Builder built-in Responsive App.<\/span>\u00a0 Responsive Web Design (RWD) with No Coding Required. \u00a0You can actually create your mobile website in under a minute, just by turning the Responsive App ON and choosing to change any of the suggested window size reformatting values. \u00a0The software does all of the &#8220;CSS media queries&#8221; for you. \u00a0Like all the other UltimateWB apps, customization and flexibility is key; you can even customize your website menu button that appears instead of the menu bar\/column, for smaller window sizes based on your setting.<\/p>\n<p>We are using the UltimateWB Responsive App on our website here. \u00a0You can view the different automatic webpage reformatting by just resizing your browser window, or trying it out on your laptop, tablet, and\/or smartphone. \u00a0You can also check out how responsive your website is using the Responsive Check Tool <a title=\"Responsive Check Tool\" href=\"https:\/\/www.ultimatewb.com\/responsive-check-tool\">here<\/a>, available on UltimateWB under the Resources tab.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lots and lots of people use their smartphones for browsing the internet, so you want to make sure to have a mobile website to keep the traffic your are getting. \u00a0You probably don&#8217;t need a lot of convincing on\u00a0that, but &hellip; <a href=\"https:\/\/www.ultimatewb.com\/blog\/967\/easiest-and-best-way-to-create-mobile-website-responsive\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/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":[63],"tags":[694,687,686,690,692,691,410,695,693,696],"class_list":["post-967","post","type-post","status-publish","format-standard","hentry","category-website-design","tag-css-media-query","tag-mobile-website","tag-responsive","tag-responsive-app","tag-responsive-check","tag-responsive-check-tool","tag-responsive-design","tag-responsive-web-design","tag-responsive-website","tag-rwd"],"_links":{"self":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/967"}],"collection":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/comments?post=967"}],"version-history":[{"count":6,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/967\/revisions"}],"predecessor-version":[{"id":976,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/967\/revisions\/976"}],"wp:attachment":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/media?parent=967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/categories?post=967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/tags?post=967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}