Over the past several years, smartphones have revolutionized how we connect to the internet, and interact with others around the world. According to Pew Research Center, 34 percent of adults own a tablet, and 56 percent of adults own a smartphone. Chances are, some of your readers are consuming your content using one of the two devices.
If you have yet to make your WordPress site mobile friendly, here are a few problems:
- Longer load times. Not everyone is able to enjoy 4G speeds, and even on 3G, a typical web page can far exceed the average 7.25 second load time for web users.
- Poor user experience. Your blog may look great on a desktop or laptop, but when you shrink it down to a screen as small as 3.5-inches, it becomes a jumbled mess.
- Adding to your reader’s phone bill. Okay, maybe it’s not that bad, but a lot of smartphone users are on a capped data plan. If a blog post requires a few megabytes of information to be loaded, that’s data use you could have easily avoided.
To make your WordPress site mobile friendly, many think they have to go find a theme, do all this coding, or hire someone to do it for them. That’s completely fine, and there are many exceptional examples out there. However, you don’t have to do that, let alone spend any money.
After testing several different plugins, I’ve found WPtouch to be one of the easiest to use, and most reliable. Since it’s a plugin, you can get up and running in about 60 seconds. To get started, log-in to your WordPress dashboard, and select “Add New” under “Plugins”.
From there, do a search for “WPtouch”, and select “Install Now”. Once you’ve installed, make sure to go to “Installed Plugins”, and activate it.
And that’s it. You’ve successfully made your WordPress site mobile friendly! Now, you could just leave it there, but it’s worth spending a few more minutes to customize how your site will appear to readers. Scroll over “Settings” in your dashboard, and select “WPtouch” from the options.
Since this will be appearing on smaller mobile screens, it may be a good idea to shorten your site title. Also, you can exclude specific categories or tags from appearing. Font justification should be left at full.
When it comes to “Post Listings Options”, here are what my settings currently look like:
WPtouch automatically pulls in your default footer message which in most cases can be left alone. “Advanced Options” are mostly a matter of preference, and are pretty straightforward. Since WPtouch supports all popular devices, “Custom User-Agents” can be left alone as well.
“Style & Color Options” is where you’ll be doing most of your tweaking, and it might be handy to have your phone right beside you to test any changes. Currently, there are 14 different backgrounds to choose from, and seven different title fonts. You can also customize the color of things such as your title text or header background.
One nice added feature is the ability to upload custom icons. There are already a bunch uploaded, but if you have a square logo for example, you can upload it as an icon. Just make sure to resize it to 60 by 60 pixels.
Don’t forget to save any changes by clicking “Save Options” at the very left bottom. Once you’ve made all the necessary changes, your blog posts should look something like this:
For even more customization options and exclusive themes, WPtouch offers a paid version which starts at $59 for one site. As you can see, to make your WordPress site mobile friendly requires very little time at all. Best of all, you can now deliver a solid viewing experience to mobile readers without them getting frustrated, and moving on to something else.