Mobile WordPress Theme

Posted by:

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 liljoshmobile.pngyour 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
  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/

3

About the Author:

  Related Posts

Comments

  1. Roatan Excursions  October 13, 2012

    thank you very much for your help with WP-touch.
    roatan tours

    reply
  2. Shrinivas  April 21, 2013

    It is a cool plugin to make the wordpress responsive.. I was searching for this from long time and got the solution here..

    reply
  3. Slim  May 27, 2013

    WP-touch is the best !

    reply

Add a Comment