The best free WordPress plugins for mobile websites

Default avatar.
April 21, 2015
The best free WordPress plugins for mobile websites.

If there’s anything that’s been well-established over the past few years, it’s the importance of catering to mobile users. They browse, they buy things, they’re just as important as any other user. Making a website that works well for all screens large and small is, if not easy, certainly within the realm of possibility for those of us with the know-how. The problem is, not all WordPress users are front-end developers. Many are business owners, hobbyists, or even just regular bloggers — you know, blogging? That thing WordPress was designed for in the first place? Programmers built a tool that almost everyone could use, so people went and used it. Now those same people might need a little help making their site look good on as many screens as possible. Well, help has arrived, in the form of WordPress plugins. That’s right people, this month’s WordPress plugins article has a real theme: We’re going to talk about how to get your site looking good on phones, tablets, and bigger stuff too, with as little code as possible.

Switch some themes

In an ideal situation, you’ll be able to choose a WordPress theme (or have one made) that works perfectly on all screens. Unfortunately, this is not always the case. A theme might be responsive, but not show your content on large screens the way you want it to. Or maybe the mobile navigation is wonky. Whatever the problem, you might find another theme that gives you what you the first one is missing. In the world of free themes, the one-size fits all solution almost doesn’t exist. And here’s where we come to theme switchers. These plugins will switch between themes of your choosing based on the device that the user has. They may not be a perfect solution, but anything, and I do mean anything, is better than ignoring your mobile users.

Any Mobile Theme Switcher

Any Mobile Theme Switcher

is one of the simpler solutions out there. It’s free, with a Pro version, but the free features are more than enough for most purposes. You can set individual theme choices for all of these device and software categories separately: iPhones/​iPod Touches, iPads, Android phones, Android tablets, Blackberrys, Windows Mobile devices, Opera Mini, Palm OS, and Other”. You can also display a theme switcher to allow mobile users to swith to the desktop theme” if they so desire. 001

Mobile Smart

Mobile Smart

takes a less specific approach to switching themes. You can choose to enable your mobile-specific theme for phones, and optionally for tablets, and that’s it. It also comes with an optional manual switcher. What makes it different is a feature called transcoding. Basically, if your WordPress setup is done right, Mobile Smart can automatically resize your images for faster delivery to mobile devices. This feature is currently in development. If you like this plugin enough that you’d actually spend money on it, the pro version offers the option to deliver mobile-specific page content, mobile-specific menus, and more.

Or make an app, sort of

This option is a bit like switching themes. The design that your mobile users will see is very different from that shown on desktop or laptop screens, but this time, it’s more like an app. Instead of just switching to another theme, a plugin like the WordPress Mobile Pack will take all of your content and display it as a web app. Your new mobile app can be customized with alternate color schemes, fonts, your own logo, and more. Sadly, if you want to use a theme other than the default, you’ll have to get (you guessed it), the pro/​premium version. But if the default app theme works for you, then the WordPress Mobile Pack is a great way to make sure that your mobile users are taken care of.

Make your content mobile too

Obviously, your content has to adapt to whatever platform it’s on. If you’re just using text and images, your theme can probably handle itself just fine. But, if you want to introduce more complex interface elements elements, or just get more control over how your content looks across all platforms, we’ve got plugins for that too:

Responsive images

You can save yourself and your users some bandwidth by only serving pictures at the size they actually need. This means that using your website literally costs mobile users with limited data plans less to use, and they can use it faster. For this purpose, you could use Post Script Responsive Images. It automatically creates multiple versions of all images on your site: in your theme, in your content, and your featured images too, including all existing images on your site. It serves them to the browser with the srcset attribute, and the browser picks which image to download. This method is at least partially supported by the big mobile browsers. It may not benefit everyone yet, so think of this as future-proofing your site. 004

Buttons, columns, tabs, accordions, and more

Sometimes you just want to add more than plain text to your site. Sometimes, you’d like the choice to organize your content a little better. Sometimes you’ll want to embed a video. Well, you can, and it’ll work on all screen sizes too. Easy Responsive Shortcodes is a collection of layout options and user interface elements to help you add some extra style/​organization to your posts and pages. What’s more, you don’t have to worry about whether they’ll work on small screens, because they do. Here’s the full list of components: 

  • Accordions
  • Alerts
  • Boxes
  • Buttons
  • Calls-to-action
  • Clear floats
  • Columns
  • Highlights
  • Icons (via Font Awesome)
  • Tabs
  • Toggles

As for embedding video in your posts, check out FV WordPress Flowplayer. It’s an HTML5-based video player with support for embedding videos from Youtube, Vimeo, or raw URLs. It also comes with a Flash-based fallback for older browsers. It’s also completely free, unless you want to put your own logo on it, and remove the Flowplayer branding. That’ll cost you a pro upgrade, but all of the actual functionality is there for your use. 006

Fix the navigation

If you like your theme in general, but the theme’s built-in navigation isn’t doing it for you, you might look at these alternatives. After all, your users can’t buy what you’re selling if they can’t find it. Mobile Navigation will create a full-screen navigation menu that only shows up on small screens. You can customize the breakpoint that makes it show, the colors, the fonts, and more. It’s mostly install-n-go. 007 WP Responsive Menu, does much the same thing, only it creates a menu that slides in from the side. Again, you can customize the look and feel of the menu to your heart’s content. 008

See the differences side by side

Want to see what your responsive theme will look like while you work on it? Just install Mobile Previewer. When you browse your site (logged in) you’ll be able to launch a small preview of it at a variety of mobile sizes in the lower right-hand corner of your browser. This won’t work with the theme switchers listed above, but in any other case, it works just fine. 009


So there you have it. There’s a lot you can do to make your WordPress website look good on all devices, even without any coding knowledge. Go forth, and make the mobile Web! Featured image uses mobile image via Shutterstock.

Ezequiel Bruni

Ezequiel Bruni is a web/​UX designer, blogger, and aspiring photographer living in Mexico. When he\‘s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.

Read Next

AI Changes Everything and Nothing

The marketing frenzy surrounding the recent flood of AI-powered apps and services has caused some observers to question…

15 Best New Fonts, March 2023

Fonts are one of the most critical tools in any designer’s toolbox. With clever use, you can transform a design from hu…

20 Best New Websites, March 2023

We have another exciting collection of the best new sites on the web for you. In this month’s episode, there are severa…

Exciting New Tools for Designers, March 2023

We have invoicing apps and scheduling tools. Some resources will save you the trouble of hiring a designer or developer…

Free Download: Budget Planner UI Kit

Designing an onboarding process can be tricky; there are so many different options, and if you get it wrong, you could …

3 Essential Design Trends, February 2023

There’s a common theme in this month’s collection of website design trends – typography. All three of these trends show…

Free Download: Education Icons

Icons are essential for successful web design. They provide an eye-catching, unobtrusive way to communicate important i…

15 Best New Fonts, February 2023

The fonts you embed in your website transform the design and can mean the difference between an extraordinary brand exp…

Unlocking the Power of Design to Help Users Make Smart Decisions

Users are faced with decision-making on websites every day. The decision-making process can be far more complex than it…

20 Best New Websites, February 2023

The quality of websites in 2023 has moved up a gear, with designers cherry-picking trends as tools, embracing new ideas…

AI’s Impact on the Web Is Growing

Despite the massive strides tech has taken in the last few years, we rarely see a week as tumultuous as this. When your…

Exciting New Tools for Designers, February 2023

No matter what you’re working on, you can guarantee that there’s a cool app, resource, or service that will help you do…