How to Make Your WordPress Blog Mobile-Friendly Using MobilePress

Smartphones are becoming one of the main ways that people are using to browse sites. People are using them as a computer, telephone, camera, MP3 player, game system, etc. They provide flexibility and mobility when you are constantly on the move. Due to the increasing demand for smartphones, companies and individuals are having to ensure that their sites and blogs are mobile-friendly. If you are using WordPress to power your blog or site, there is a plugin that does the work for you. It’s called MobilePress.

What is MobilePress?

MobilePress is a WordPress plugin that uses customized themes to allow your WordPress blog or site to be viewable via smartphones. It also allows developers to create their own custom mobile themes if they do not want to use the ones provided. Mobile SEO is another feature that detects Google and Yahoo mobile search bots. The bots will use the mobile version of your blog/site, which will help with optimization on Google and Yahoo.

How do I install it?

  • If you are using WordPress 2.7 or higher, you are able to search for the MobilePress plugin on the plugin search page and automatically install it.
  • If you don’t, then you can click this link: Download MobilePress here
    – Upload mobilepress.1.0.4.zip file into the /wp-content/plugins/ directory.
    – Login to your WordPress admin page, click Plugins -> Installed. Look for MobilePress, and click the Activate link.

How do I customize it?

After installing the MobilePress plugin, go to MobilePress->Options.

mobilepress_options

  • If you want the mobile search bots to show a different title and description for your blog/site, then enter them in Blog Title and Blog Description. If not, then leave them blank.
  • For Force Mobile Site?, leave it at the default, if you only want mobile sites to pick up the mobile theme.  If you want normal web browsers and smartphones to pick up the mobile theme alike, then change it to “Yes.” It’s best to leave it at “No.”
  • For Treat iPhone as a web browser, Treat Windows smartphone as a web browser, Treat Opera Mini as a web browser,  leave it at the default if you only want the mobile theme to be displayed on the smartphone. If you want the regular web version of your blog/site to be displayed on your smartphone, change the appropriate one to “Yes.” As above, it’s best to leave on the default “No.”

How do I choose the mobile theme that I want?

After choosing your options, go to MobilePress->Themes.

mobilepress_themes

Choose the mobile theme you want, and press the Select! button.

What if I want to use my own mobile theme?

Upload your mobile theme to the /wp-content/plugins/mobilepress/themes/ directory. It will then appear in the MobilePress theme selector. You will now be able to use your custom mobile theme.

14 comments

  1. Great find. I set it up on my site, changed the CSS to match my normal colors, tested it out using User Agent Switcher in Firefox and am very pleased with how it looks.

    • @C.N. That’s aweesome! So you were able to make it red like your blog? Pretty cool stuff. =D

  2. What about the duplicate content issue? Will this create 2 versions of your site, or does it simply serve different css markup, based on the clint-side browser type?

    • It shouldn’t because looking at my site, it seems like it’s different css stylesheets that its using to differentiate between your blog on the web versus on a mobile phone.

    • I just installed the latest version of mobile press and it uses themes to change the layout of your blog, so in my experience the duplicate content issue will exist.

      To fix this issue you need to add the correct mobile doctype, and the canonical url to the content. However, mobilepress uses the same url for mobile content so canonical urls won’t work. I think it would be better to server you mobile content from a domain like m.example.com and use canonical urls to solve duplicate content issues.

      James

  3. Hi,

    Whilst MobilePress is certainly a step in the right direction, I’ve written a plugin that hopefully takes things just a little bit further.

    It’s called the Wapple Architect Mobile Plugin for WordPress and gives you a level of configuration, and customization, and optimization and lots of other words ending in “tion” that you’ve never had before with any other mobile plugin!

    It works for every single mobile device in the world, even some that haven’t even left the lab! It retains your URL structure and preserves the look and feel of your site from web to mobile.

    Version 1.3 has just been released and you’ve got options galore to tailor every single element of your mobile site!

    If you fancy giving it a go, the homepage can be found here: http://wordpress.org/extend/plugins/wapple-architect/ – it’d be great if you had any feedback – all comments are welcome!

  4. This is great. I just wrote an article for my blog about making sure that your site is mobile friendly. It is becoming more and more important that people can access your site while they are on the move.

    • Hey Jonathan,

      Thank you! I read your post just now, but I was unable to leave a comment due to some errors.

      Shevonne

Comments are closed.

Sponsored Stories