My goal for today was to make my blog mobile. A site should not just be developed for desktops. “With the galloping development of modern technologies the screen size margin of your readership can be anything in-between a 30″ desktop monitor and the iPhone’s 3.5″ screen.” Speckyboy.com

For this, I used a popular plugin called “WPTouch”. To install WPTouch:

1. Login to your WordPress Dashboard
2. Click Plugins -> Add New
3. Search for “WPTouch”
4. Install and activate the plugin
5. Click Settings -> WPTouch
6. In the general settings I left most of the options except I unchecked “Show Author’s Name”, “Show Categories”, and “Hide Excerpts”
7. Update your footer message.
8. In advanced settings I unchecked “Enable Categories tab in the header”
9. In the Icon Pool create an icon (59x60px) and upload the icon (you will need to scroll down and save options after you upload the icon)
10. I didn’t like the pinstripe background because it didn’t match my site, so I opened Dreamweaver and edited /wp-content/plugins/wptouch/themes/default/style.css and around line 2068 I changed the background.
11. You may also want to change the site title font. In the same stylesheet the style is around line 193.
    
12. Since I’m using Google web fonts, I had to modify the WPTouch core header file /wp-content/plugins/wptouch/themes/core/core-header.php and add the reference to the Google font before the ending </head>
    
13. I also added more fonts to the WPTouch plugin settings by editing /wp-content/plugins/wptouch/html/style-area.php around line 81
    
    which will appear under Settings -> WPTouch
    
    *Remember if you are adding Google web fonts you will need to add the reference in the core-header.php file.

If you have any questions, leave a comment. To learn more about WPTouch see http://wordpress.org/extend/plugins/wptouch/