The self hosted WordPress site can be viewed in Smart phones like iPhone, Android and Blackberry with better native look and feel of the phone’s native screen size, UI controls, font and touch screen input. It is going to be installation of WPTouch, which customizes the user interface of our site native to the phone. In usual HTML browsers in Desktop and Laptop, the site looks in usual way. Here is how to do it.
Step-1: Login to your wordpress admin page (wp-admin) -> Plugins -> Add new
Step-2: Under Search enter WPTouch and press Search Plugins button.
Step-3: Click Install in WPtouch iPhone Theme. It will display option as Install now in small window. Click here to install.
Step-4: Once installed, you will be redirected to main window which will show a link as Activate Plugin. Click this to activate it. You are done! Visit your site from any iPhone and see how to content is shown.
If you don’t have iPhone to test, just install User Agent Switcher extension for Firefox. Then follow Firefox menu -> Tools -> Default User Agent -> iPhone 3.0. Now visit your site with this settings, you should see how your site will look in iPhone. I have tested this how-to on both real iPhone device and above method. The above screenshot is from second method.
This plugin supports Android and Blackberry also. You can customize more with Settings -> WPTouch in side bar menu of wp-admin page.
There are other options than WPTouch to get it done. You can click here to get more information on that.