How to Make Your WordPress Blog Mobile-Friendly In Less Than 60 Seconds

by Mack Collier

Oh how I love quick and easy solutions!  I’ve been meaning to make a mobile-friendly version of this blog for a while now, and it just stayed buried on my To-Do list.  Then a couple of weeks ago I was out and I checked Facebook on my iPhone and someone linked to a post that Peter Shankman wrote.  I pulled it up on my iPhone and what I loved was the site was optimized for a smartphone!  It just served up the post, not the entire site, so it was much easier to read on my iPhone!

Then earlier this month I saw someone mention WPTouch as a plugin that optimizes your blog for viewing on smartphones, and I decided to check it out.  First, here’s what this blog looked like on my iPhone before I added the plugin:

Yeah you’re not reading that without some serious pinchin’ & zoomin.  So I went and installed the WPTouch plugin, and less than a minute later, here’s what the blog looked like on my iPhone:

MUCH better!  Now you clearly see the headline, date, plus number of comments!  Same content, but it’s been optimized to improve viewing on a mobile device.  I went in and changed it to show the full post title and this is what that looked like:

I like that a bit better!  And if you click on one of the posts, here’s what it looks like on your iPhone:

So much prettier than before!  If you want to add WPTouch to your own WordPress blog and make it mobile, it could NOT be easier:

1 – Log into your WordPress dashboard.

2 – Click on Plugins

3 – Search for WPTouch

4 – Install it

5 – Activate it

You’re done!  60 seconds, tops, you can probably do it in closer to 30 seconds.  Then you can go in and edit some of the features as I did.  It will be interesting to see if my mobile traffic, especially from iPhones, increases any.  See, you get the best tips and tricks at #Blogchat ;)

{ 29 comments… read them below or add one }

Debbie Colangelo December 19, 2012 at 6:50 pm

Had an issue with my site. Able to switch to FULL SITE mode on my Droid 4, but can’t switch back to MOBILE.

Reply

Mack Collier December 20, 2012 at 3:04 pm

Debbie not sure if we are talking about the same thing, but on my iPhone it gives the option at the very bottom to turn the mobile theme On/Off. I turned it off and it switched back then I could switch it back to On. Did you try that?

Reply

Sarah Mae December 20, 2012 at 1:05 pm

Thanks, just what I needed!

Reply

Debbie Colangelo December 20, 2012 at 3:53 pm

Thanks, Mack. Yes, I tried switching back, but once I switch MOBILE SITE to OFF, the button to switch it back ON no longer operates.

Reply

Mack Collier December 20, 2012 at 4:17 pm

Hmmm…very odd because I don’t have that problem on my iPhone. Do you have the same issue with switching back and forth when you view this blog?

Reply

Mack Collier December 20, 2012 at 4:20 pm

Debbie I just tried it on your blog and I can turn the mobile theme off, but then the blog reloads its no-mobile version and it just says ‘Mobile Theme’ at the bottom and there’s no option to turn the mobile theme back on.

Very odd, not sure what’s causing that.

Reply

Debbie Colangelo December 20, 2012 at 8:52 pm

Well, I sent an email with my issue to the support staff over at BraveNewCode, the developer of WPTouch and they were, surprisingly, very responsive. Rare.
They found that it was an issue with my theme.

Fortunately, (or unfortunately), the problem did not arise with the paid version of the plugin, WPTouchPro, and, quite honestly, at $49, is still a bargain in my opinion. Tons of options, works great! Take another look with your mobile device. Appreciate any feedback!

Reply

Mack Collier December 20, 2012 at 8:59 pm

Yep it works now, congrats!

Reply

Heidi Thorne December 23, 2012 at 8:55 pm

Mack,

Thank you, thank you, thank you for this post! I’ve been wrangling with the mobile versions of my two blogs for months and just couldn’t get it to look or perform right on a phone. WPTouch was the answer. Keep up the great ideas and Happy Holidays! (@heidithorne on Twitter)

Reply

Kathy December 28, 2012 at 3:58 am

Thank you thank you thank you! I tried looking at my site on my iPhone a couple of days ago – eek. You were the second site I looked at, the first wanted 65 British pounds. I had a quick look at another site and they wanted even more. I’m hoping the free version of WPTouch will do the trick

Reply

Mack Collier December 28, 2012 at 10:06 am

You’re welcome Kathy, hope it works for you! As Debbie pointed out above, the free version has a bit loopy with some themes, I had someone tell me on Twitter it didn’t work with their theme either. But the team behind the plugin IS pretty responsive, so definitely check them out!

Reply

Melody O. January 5, 2013 at 4:35 pm

Hi Mack! I was skimming your blog, catching up, and I saw this and thought this looked too good to be true. You were right on how super easy this was to install. Thank you for the amazing tip. My little Starbucks blog is now mobile friendly thanks to you!

Reply

Nerdu Paroh January 10, 2013 at 2:10 am

Wow. This has been on my mind for a long time now. Gonna try it out asap.

Reply

Ana DeShields January 26, 2013 at 10:46 pm

Nice post Mack. The screenshots added more value too!
Thanks, Ana DeShields

Reply

Jeff Reglin February 28, 2013 at 1:05 pm

Appreciate the info. Might be a dumb question, but will the photos or graphics still show up on the mobile device?

Thanks

Reply

Mack Collier February 28, 2013 at 1:10 pm

Thanks Jeff, and yes, the pictures should show up ok, they do for me!

Reply

Abhijit Guha March 17, 2013 at 6:08 am

thanks I am using it in my website

Reply

Tracy April 3, 2013 at 7:46 am

I was having trouble getting my layout to work on my Anrdoid browser (content, even set at 100%, was still only stretching to about 75% of the space!), so installing this streamlines it on my phone, and makes it easier to read. Hopefully any of my readers who read smartphone-only, will appreciate the change!

And I appreciate the post. :) Thanks for the help!

Reply

Aimee April 30, 2013 at 12:29 pm

My site looked pretty bad via my SmartPhone. This plugin made a huge difference. Thanks so much for this post!

Reply

Ryder June 2, 2013 at 3:43 am

This plugin was really helpful,so many customization and the final outlook i made was really satisfactory.Still working with it.I highly appreciate the post.Thank you very much.

Reply

Omax June 11, 2013 at 3:17 pm

Thanks… Mine looks like this exactly but how about the logo.. How do you embed the logo and the adverts.. Online business is built on auctioning space. Right?

Reply

Isa June 16, 2013 at 10:05 am

Oh wow. What an improvement. I gotta try this on my blog. Maybe after that I can start figuring out mobile adsense. Lol.

Reply

Patrick Woninck July 24, 2013 at 1:05 am

Hi Mack,
It’s simply great thanks! Will link to your blog;) unfortunately my blog is in Dutch and so are my visitors! luckily almost every dutch citizen have the basic of the English language. Just wanted to say keep up the good work and have a nice day!

Reply

Mack Collier July 24, 2013 at 6:50 am

Thank you Patrick!

Reply

Nick July 26, 2013 at 2:09 pm

I also enjoyed the JetPack plug in for Wordpress which essentially accomplishes the same thing, has a bunch of other great features included too.

It’s by Wordpress.com and connects directly with your Wordpress.com account.

Before I went responsive on my site I hadn’t even realized I had a mobile friendly version of my page as it’s baked right into the plug-in.

Reply

Leslie November 20, 2013 at 4:13 pm

How did you get the full post title to show? Thanks!

Reply

Obat Herbal January 23, 2014 at 9:13 am

is this plugin works in android device?

Reply

Sudhi February 7, 2014 at 9:31 pm

Thanks for the great post. I was also looking around a bit for other ways and found that this plugin is the best way to do the job. The other two options would be to either use a mobile responsive WP theme or to edit the codes yourself(yikes!). This one – much better…

Reply

Deb Potts February 23, 2014 at 11:15 am

Thanks so much! This worked perfectly the first time. I am so blessed to have found your blog.

Reply

Leave a Comment

{ 3 trackbacks }

Previous post:

Next post: