Actually, the title of this post should not be “How to Make Your Website Mobile” – as for this you use a plugin like WP Touch Pro.
The issue here is – as discussed in my earlier article on “iPhone Simulator” (or ‘iPhone Emulator’ as it was called in the Ycademy Workshop) – : how to actually see what you design when doing the mobile setup of your blog when you do not have access to an iphone or smartphone and none of the iphone simulators or emulators found on Google seem to be helpful, in other words: when you can’t see what you do.
While I enjoyed Zen Shooting with Bow & Arrow, in Web Design I prefer to see exactly what I do :)Make Your Website Mobile
Once you know the answer it’s always simple: when you make your website mobile without owning or having access to one of those spiffy mobile devices, the answer is to download the Safari Browser and then, at the top under DEVELOP and > USER AGENT > choose the iPhone or iPad or whatever you need to test your work!
What you see here are first results when using exclusively the settings in WP Touch Pro – no CSS stylesheet at this stage. First, I wanted to see what’s there and experiment with it, learning the lessons from trial and error and getting an understanding of what should ideally be changed or adapted and for what purpose. Our customers are all different and have other priorities. The mobile web has become crucial for attracting potential clients for those who run a business and have products and/or services to sell.
Important: Thumbnails don’t show if you leave them on “Custom Field Thumbnails” in the Dashboard (WP Touch Settings); you have to select “WP Thumbnails” as you can see on the above top example. I did not change the size nor take out the reflections.
My next excursion will be into the stylesheet… but first let’s greet another absolutely stunning day to begin a week filled with promise!