Make a mobile version of your Wordpress blog or site

Posted by Rakesh in Howto

Feb
9

Last week, while seeing my site in my BlackBerry smartphone and iPhone, it seemed weird to me. Then I decided to make my site Mobile friendly. Saturday night on the last weekend, I created a mobile version of my blog – A|RAKESH’s Weblog.

Are you looking out for ways to make your Wordpress blog or site Mobile friendly? Here is the solution for you.

If you are using WordPress for your site and you are looking for a mobile version (e.g. for iPhone, BlackBerry Smartphones, Google Phone, Nokia, etc) of your existing site to use, you should really consider WordPress Mobile Edition OR WordPress Mobile Pack for WordPress.

WordPress Mobile Edition Plugin 3.1 is compatible with WordPress 2.9.1 (WordPress 2.9.1 + Plugin 3.1 = works).

You can download WordPress Mobile Edition Plugin 3.1 from here.

WordPress Mobile Edition is a plugin that shows an interface designed for a mobile device when visitors come to your site on a mobile device.

Mobile browsers are automatically detected, the list of mobile browsers can be customized on the settings page.

Read for How to install a WordPress plugin

1. Drop the wp-mobile.php file in your wp-content/plugins directory
2. Drop the carrington-mobile-(version #) directory in your wp-content/themes directory
3. Click the ‘Activate’ link for WordPress Mobile Edition on your Plugins page (in the WordPress admin interface)

API

There is a filter cfmobi_check_mobile that allows you to affect if a mobile browser is detected.

function your_mobile_check_function($mobile_status) {

// do your logic, set $mobile_status to true/false as needed

return $mobile_status;
}
add_filter(’cfmobi_check_mobile’, ‘your_mobile_check_function’);

There is an action cfmobi_settings_form that allows you to add to the settings page for this plugin. Handling form posts and other activities from anything you add to this form should be done in your plugin.

function your_settings_form() {
// create your form here – don’t forget to catch the form submission as well
}
add_action(’cfmobi_settings_form’, ‘your_settings_form’);

Notes:

1. As iPhones and other “touch” browsers of version 3.0 support.

2. You can also create a link that forces someone to see the mobile version. The link can be added to your theme by using the akm_mobile_link() template tag:

<?php in (function_exists(’cfmobi_mobile_link’) { cfmobi_mobile_link(); } ?>

Note that this does not work if you have WP Cache enabled.

Enjoy mobile version of your site !! …

Read for How to test whether the mobile version of your blog or site is correctly working or not. For this, you can use Firefox browser’s about:config preference.