What's WP
Our everything is about WordPress - best choice of WordPress users!
How to Optimize WordPress Websites Friendly to Mobile Devices?

How to Optimize WordPress Websites Friendly to Mobile Devices?

With the prosperity of mobile devices, more and more audiences like scanning web pages through mobile phones or pads instead of on personal computers traditionally. That also means running mobile-optimized WordPress websites are no longer a luxury, but a necessity for webmasters to keep relevant and attractive to visitors. After all, a smart phone is functional and easy to carry, with which readers can browse the site with ease.

In fact, the majority of websites online now are responsive, being able to display the content perfectly on phone just like on the computer screen. However, there are still tons of sites that lack this important feature. To make websites look well on desktops, mobile phones as well as Pads, it’s essential to do some specialized optimization for mobile devices.

In the following, we just introduce 3 easy methods which guide you to optimize WordPress websites friendly to mobile devices in minutes.

Choose a Responsive WordPress Theme

responsive web designChoosing a responsive WordPress can be the most common method to make a website mobile friendly. By utilizing a responsive design, WordPress website can automatically adjust its appearance according to the viewing devices, without CCS changes or additions. This method is popular for the easy operation.

There are a lot of there are a lot of theme designers and third parties who offer such kind of themes on the web. We have listed some great options in the following.


Website: http://themeforest.net/item/metro-mobile-premium-wordpress-mobile-template/3367615

Metro is a premium and responsive WordPress design that can automatically adjust the website layout based on the viewers’ screen size. It is compatible with the latest WordPress 3.7, and completely localization & multilingual ready. With rich features, this theme is just limited with your imagination. See the reputed features in the following:

  • Metro style mobile layout & camera slider
  • Support for both iOS and Andriod
  • Fully Customize Admin
  • Upload custom background and Vimeo and YouTube support

Metro Mobile Premium WordPress Mobile Template

Nimble WordPress Theme

Website: http://www.elegantthemes.com/gallery/nimble/

Nimble is a beautiful and big WordPress theme that keeps the balance between style and functions. Its colors are toned down, and its style is bold. With great design and HD picture, it’s a treat for displaying your website on a big screen. Besides, for the fully responsive design, it can be well-shown on a mobile device with a small screen.

  • Beautiful, intuitive, and responsive design.
  • Easy to use ePanel theme options.
  • Shortcodes make that it can’t be easier to design and organize posts.
  • Complete compatible with popular internet browsers.

Nimble WordPress Theme


Website: http://www.mojo-themes.com/item/aegaeus-ultimate-responsive-business-wp-theme/

It is an ultimate WordPress theme that is responsive for any devices. It has a clear and simple look, and comes with features like demo content included, shortcode generator, hundreds of shortcodes, custom backgrounds, powerful admin panel, unlimited colors, etc. Besides, it is ready for WordPress 3.8+.

  • Drag & Drop customization.
  • Responsive design with elegant style.
  • Multiple animations and unlimited layers.
  • Awesome landing page included.

Aegaeus – Ultimate Responsive Business WP Theme

My Mobile Page V3

Website: http://themeforest.net/item/my-mobile-page-v3-wordpress-theme/1328741

It comes with a custom Ajax panel, from which users are able to set the theme and features quickly. Users have the ability to customize the navigation menu, add and edit the icons, and decide how many pages to display.

  • Smart fluid responsive layout.
  • Ajax powered custom admin panel.
  • Great slider options homepage.
  • SEO friendly HTML code.

My Mobile Page V3 WordPress Theme


Website: https://mythemeshop.com/themes/sensational/

Sensational is an advanced WordPress theme designed for personal websites, business websites, and shop websites. No matter users want to build a portfolio website for showcasing products or other purposes, they can achieve their goals with Challenge. Moreover, this them is search engine optimized and comes with tons of premium features like the following:

  • Woo Commerce 2.0 compatibility.
  • 100% responsive layout.
  • Amazing layer slider.
  • Revolution slider compatibility.

Sensational – Powerful Premium WordPress Theme


Website: http://jetpack.me/support/mobile-theme/

Devine – Responsive One Page WP Theme


Website: http://wpapptouch.com/



Website: http://www.wpexplorer.com/grizzly-responsive-app-showcase-wordpress-theme/



Website: http://www.wpexplorer.com/appos-wordpress-app-theme/



Website: http://www.jansimecek.com/themes/?theme=Breathe

breathe – Responsive Creative WordPress Theme

Utilize a Mobile Plugin

Mobile plugin can also automatically enable a simple mobile theme for mobile visitors of a WordPress website. Without complex process, you can only install a mobile plugin and configure it for making your website friendly to mobile devices.

From WordPress.org or some plugin providers, you can find a lot of WordPress mobile plugins to start a responsive website with ease. You can check out some great optins as below.


Plugin URL: http://wordpress.org/plugins/wptouch/

WPTouch is the most popular and easy to use mobile plugin for WordPress sites. It provides a powerful and elegant mobile solutions for WordPress sites. You can use it to make a WordPress site look perfectly on any moble devices such as telephone and Pad. Besides, WPTouch includes an admin panel that permit users to change the appearance, and send quick, user-friendly and fashion site to connect mobile visitors.

WordPress Mobile Pack

Plugin URL: http://wordpress.org/plugins/wordpress-mobile-pack/

This plugin is designed for making WordPress site more suitable for mobile devices. It contains a mobile switcher that shows both desktop and mobile mode. Then, users can choose either style they prefer. Besides, teh plugibn comes with a mobile widget which makes it possible for you to easily promote your site with mobile ads. After all, using this plugin, your site can be listed on mpexo, which provides convenience for readers to get access to your website. So that you can drive more traffic to your site.


Plugin URL: http://wordpress.org/plugins/app-your-wordpress-uppsite/

UppSite turns WordPress websites into a powerful mobile app in order to help users better reach and contact with audiences on mobile devices like. Though as an app, you can customize your website to make your brand truly unique with multiple function choices.

Besides, supports many mobile platforms including iOS Android, HTML 5 and Windows Phone. UppSite is rich featured with push notification systems that allows users to inform the visitors of new posts or pages, and sustain them on the site.

WP Mobile Detector

Plugin URL: http://wordpress.org/plugins/wp-mobile-detector/

This plugin contains an installer which will prepare everything automatically, and all you need to do is install and activate it. Besides, it has 7 mobile themes pre-installed and you can select any of them freely.


Plugin URL: http://wordpress.org/plugins/mobilepress/

It allows different themes for various devices and mobile browsers, such as iPhone, Mini, Opera , and many other generic handset browsers. For WordPress theme developers, they can use this plugin to create custom mobile theme for WordPress sites.

To help you better understand the process, we have made a detailed step-by-step guidance using WPTouch.

You firstly need to install this plugin for your WordPress website. You can login to the dashboard and scroll down to the Plugin section. After clicking the Add New button and search for the WPTouch plugin successfully, you can install and activate it with ease.

install wptouch

Now, there will be a WPTouch tab appeared in your WordPress admin bar automatically, with which you can configure the setting of this plugin easily.

Upon the Core Settings, you can decide various options including site title, byline, regionalization, display mode, and landing page.

core settings

  • Site title & Byline – You can decide title and byline with an appropriate length to fit into the mobile screens well.
  • Regionalization – This option is concerning about the language. Generally, the site language is detected from the WordPress installation, but you can change it as you wish with this setting option.
  • Display Mode – There are 3 modes available. The Normal mode is active for all mobile readers; the Preview mode is active only for logged-in website administrators; the Disable mode will disable the mobile theme.
  • Landing Page – You can use the default one for your site or select a page from WordPress pages. In addition, if you are looking for a unique one, you can also use a custom page using some lines of code.

Now, you can click the Preview Theme button at the bottom of the setting page to check how your website looks like. If you feel satisfied, simply click the Save Changes button.

Now, you can configure the Theme Settings. In the general part, you can decide how many posts can be displayed in the post listing, whether to show the comment and titles on pages, and whether to enable category slider.

In fact, compared with the General Setting, the Branding is more important. In this part, you can decide the theme colors for background, header, menu, and links, upload your exclusive site logo, and add custom footer content.

theme settings

Create a Separate Mobile Website

In addition, you can also create a special mobile edition of your website to make sure that it is completely friendly to visits through mobile devices. This approach needs more work than the previous two ways, but it helpful sometimes. For instance, there are some specific features like Flash on the regular website, but you don’t want to eliminate them – now, building a separate mobile website is a perfect solution.

Actually, you don’t need to rebuild the whole website, but just need to create some significant pages and features on the mobile site. There are some coding stuffs in the process. So you should make sure you are able to achieve them before starting.


Joyce is a professional writer & SEOer who loves trying new things and sharing the experience through blogging. She loves clean design, playing with different WordPress themes, SEO, etc. Now she is very struggle with purchasing a bubbling apartment in downtown. You can help her by clicking our ADs or making a purchase via our links ;-)


Want to Learn More About WordPress?

Get Our Free Themes, Plugins, Support, SEO Tips, and Other Tutorials!

Email *