***IMPORTANT*** Things at WPTouch change frequently.  In fact, I’ve already got a new blog post about configuring this plugin.  Click here to read the October 2016 version.  

One of the many advantages of using WordPress is the availability of quality plugins. For example, WPtouch is customizable, free plugin that makes your WordPress site or blog look good on mobile devices.

WPTouchHeader

It has so many options that it can be a little tricky to use at first.  Here’s a guide for customizing the WPtouch plugin.

How to Customize the WPtouch WordPress Plugin

After you install the plugin, you’ll notice a new area on the left of your WordPress dashboard.  That’s where you’ll make changes to the WPtouch plugin.

WPTouchMenu2

In the Core Settings area I change the Landing Page to be the same as the WordPress blog or site.

WPTouchLanding2

Be sure to save your changes at the bottom of the page!

Then I click on Themes & Extensions in the WPtouch menu. Select setup on the Bauhaus menu.

WPTouchBauhaus2

As you work on the settings you’ll notice a Preview Theme button at the bottom of the page.  Click on that to see what your site looks like for mobile devices.

WPTouchPreview2

In the Branding Area you can upload your site’s header.  Here’s how the logo for a bread making site looks uploaded into WPTouch.

WPTouchNewSiteLogo3

Be sure to customize the Theme Colors.  Click on the color circle to the left of description.  Then you can select a color.  You can also click on Palette to see even more colors or enter a color code of your own.

WPTouchColors

As a final step, look at the preview version of your blog or site and click on the menu icon.

WPTouchNewPreview

If you don’t like what you see create a custom menu and use it on the mobile version of your site.  Click on Appearance > Menu to make your custom menu. (read Working with WordPress Custom Menus for more details)  Once the menu is completed go to the WPTouch > Menus area and select the menu that you just created.

One Caveat for People Using Older Versions of WPTouch

If you’re using an older version of WPtouch, you’ll notice that the latest version (3.1.5) doesn’t have an option for entering AdSense or other ad codes.  It’s no longer supported with WPtouch.  You do have options though.  Here is what the folks from WPtouch advise:

Advertising support has been removed because we don’t think its appropriate any longer in the free version— it’s something that requires extra effort to maintain and support, so we’ve reserved it for our Pro customers.

There are lots of advertising plugins and solutions out there these days, many of which will likely work out of the box with WPtouch.

Additionally, you can always cut and paste ad code into the custom content area in the WPtouch settings, or revert to version 1.9.x if you require advertising support.

 

9 comments

  1. Reply

    After uploading this plugin, installing, and activating, I followed your instructions to the T and my site still does not look any different on my smart phone. I sure would appreciate any advice or help that you could give me! Thank ya’…. Randy

    • Marsha Perry

      Reply

      Hi Randy,

      I just looked at your site and it looks great! I did some research on Mantra and it looks like it’s supposed to be mobile friendly. Is that what you ended up using?

  2. Reply

    Hi Marsha, I plugged WPTouch with my site but finally had to take it off. It did not went well with the W3Cache and the CSS of the site went haywire. I then went with the mobile theme of Jetpack, and emptied the page and database cache.

    The CSS came back. Was I doing something wrong here?

    Best wishes,
    Anuj

  3. Reply

    Thanks a lot, Perry. I just got a message from Google Webmaster tools that my site is not mobile friendly, so I had to install the WPTouch plugin. This configuration guide has really helped me out. Thanks again, mate 🙂

  4. Reply

    Great plugin !

    The Home button takes up about 1/3 of the screen on the iphone5s – is it possible to make the button smaller?

    Cheers

    Geoff

Leave a comment

Your email address will not be published. Required fields are marked *