How to make your WordPress site mobile friendly
With a high percentage of people browsing websites regularly with their mobile phone or devices, it’s time that your WordPress website is mobile-friendly. If your installed theme (the look of your site) integrates this in, then great! But if not, you definitely need this option added to your WordPress blog. It’s not a matter of maybe you need this; even if you don’t use a smart phone, some of your site’s visitors will use their phone to view your site. And if your blog isn’t optimized for mobile viewing, they’ll just move on to your competitor’s mobile-friendly website.
The Mobile Theme feature through WordPress’ Jetpack plugin: “automatically optimize[s] your site for mobile devices” (from Jetpack’s dashboard)–while also using “the header image, background, and widgets from your current theme for a great custom look.” Your mobile visitors will automatically see the mobile theme, but can disable it to experience your original–if teeny tiny–website. Using this free option makes it easy for you to learn how to make a WordPress site mobile compatible–activate it and you’re essentially done!
Before I activated this feature, I was using another free plugin: WPtouch. While it does the job of giving my readers easily readable and clean-looking content, I think Be Blog Smart obviously looks like a blog in comparison to the Mobile Theme feature–and not very distinguishable, since I see nearly every other WordPress site using the WPtouch plugin.
This Jetpack feature is more unique in that your site’s personality comes through–with the basic look of your site (your header, widgets and background–when applicable) showing through, but in a more mobile-friendly way.
Another great aspect of this tool is the way your menu shows up–it’s all there!! The WPTouch won’t list all of my blog pages. There’s also a search bar–just like on the website when viewing from a computer.
Your visitors have the option of scrolling to the bottom to click on over to your full site.
There aren’t a lot of different options that help you differentiation your WordPress site if you don’t have a background or header image, like Be Blog Smart. the WPtouch plugin does give you a few color/style schemes (although it won’t change the basic format) to choose from. It’s clean…but it looks almost too much like a vanilla site. Obviously, this is your preference though. If your site’s style transfers over a bit better, I would like to see how that looks–email me a link or comment below!
Also, widgets show up at the very bottom of each blog page–a little odd-looking to me from a viewing standpoint–I’d almost rather that they didn’t show up at all, rather than looking out-of-place at the bottom.
Activating this option through the Jetpack dashboard will take you over to the configuration tab. Here you can choose to show full posts or excerpts on the front page; I recommend excerpts, especially since it’s for mobile viewing. Save, and your WordPress site is now officially mobile friendly–check it out on your phone!
Be sure to read up on using Jetpack’s many features by checking out the comprehensive overview of the WordPress Jetpack plugin and a summary of ALL of the available features.
As a blogger, website maintainer and more, with a B.A. in Journalism, I'd love to have the opportunity to set up a blog (like this one) for you! Click "hire me" for details!