How To Make A Mobile Version Of Your Blog For FREE

With the number of people online, using mobile phones is increasing day by day it has become very important to have a mobile version of your own blog. After writing the post on mobile marketing on my blog I realized that there are a lot of bloggers out there who don’t know to set up a mobile version of their blogs so I decided to write this post.

But before I jump into the step-by-step guide let me walk you through why it is important to have a mobile version of your blog.

You may already have seen that mega websites like Facebook, Google and other big blogs like Huffington Post, How-To-Geek, Famous Bloggers etc have mobile version of their website. Its because of the fact that more people hang around with their mobile and use it for browsing the Internet and finding stuff now a days like never before.

These big brands know the value of having mobile version of their website and so should you. Today with more people using mobile than internet (according to a study) you need to have a mobile version of your blog so that if the visitors somehow stumble on your website using their mobile phone, your blog looks clean and loads up fast.

There are a lot of disadvantages of a desktop based websites/blog when loaded using a mobile phone. Some of them are:

  • Large Page Sizes – As the desktop version of a website/blog contains a lot of stuff, the page size is very large especially when we talk about loading them up in a mobile browser.
  • More Page Load Time – Large sized WebPages need more time to load and as the speed of internet on mobile phones is limited, the load time can piss off your visitors.
  • More content – In the desktop version of your website you have all sorts of different components such as sidebar, footer, fancy css and java scripts etc. These cause distraction when browsing your blog using a mobile browser as the size of the screen is very small.

So it’s best to have a mobile version of your blog so that your visitors will feel more comfortable browsing through and read your content. After all helping visitors solve their problem is the only thing that is going to make them stick with you. Isn’t it?

So let me process to the step-by-step guide.

Step-By-Step Guide To Create A Mobile Version Of Your Blog In WordPress For FREE

If you have finally made up your mind that you need a mobile version of your WordPress blog follow these instructions and by the end of this post you’d have made your own mobile version blog.

1. Go to Plugins > Add Plugins from your WordPress backend and search for WordPress Mobile Pack. This plugin automatically detects when a user is trying to access your blog using a mobile phone and redirects to the optimized mobile version of your blog.

Step 1

2. From the list of results install WordPress Mobile Pack and click Activate button to install the plugin that comes on the next page.

Step 2

3. After installing the plugin, go to Appearance. You’ll see three new tabs there Mobile Theme, Mobile Widget and Mobile Switcher. These are used to configure how your mobile website looks. First go to Mobile Themes. In this page you have all the necessary options to make changes to you mobile blog. Keep in mind to make the following changes to the setting for best results.

Step 3

4. Now get your mobile phone and try to open your website from its browser. You’ll see the difference. All the fluff is gone and only pure content is left.

5. There are two more options that this plugin provides: Mobile Widget – which is used for enable  widget and Mobile Swithcer – which is used for selecting a theme. I don’t recommend enabling the sidebar widgets as it creates hindrance and does not look good.

6. The website looks raw when you first install it with just text in it. You can change the theme using the Mobile Switcher. There are four themes to choose from. Choose the one that suits your blog the most.

This way you can convert your desktop based blog in to a mobile version blog. If you are an advanced user and know about HTML and CSS then you can go to Themes > Editor and customize the theme as per your requirement. This gives you the power to add your blog’s logo, alter font sizes and color of the mobile version blog.

So after installing the plugin and tweaking up the source files a bit, here how my blog now looks like on a mobile browser:

Before-after

Create A Mobile Version Of Your Blog Using MoFuse

Mobile HBBSome people think creating a mobile version of a website is difficult or very difficult, but it is indeed is very simple. There are many sites that lets you create a mobile version of your site/blog and MoFuse is one among them. There is no programming part involved in it. Within few seconds you can easily create a mobile based version of your beloved website or blog. You can also an iPhone version of your website or blog. You can also customize and get it personalize by the options in the dashboard. You can also promote your content and make money. You can build and measure your audience. 

Also Check : Make a Mobile Version of your Blog Through Google Reader

First go to MoFuse and register. That’s all . Now all you have to do is to enter your Blog or website URL and your desired Mobile URL (Usually your blog/site URL). You can also add your RSS Feed URL to make your Mobile site updated easily. MoFuse provides you many options to edit the look of your Mobile site. You can change the color of the hyperlink and also insert a logo, if you have one. The logo size should be around 500KB only. You can check the mobile version of HellBound Bloggers for instance. 

 

Creating a Mobile Version Of HellBound Bloggers
Creating a Mobile Version Of HellBound Bloggers

 

There is also a good news for WordPress users. MoFuse has a WordPress plugin that will automatically detect a mobile visitor and it redirects them to your mobile site. This thing requires no hack or no changing in template, just install the plugin, activate and enter the url of your MoFuse mobile site URL. If you are using a MoFuse mobile site, then you should catch this plugin!

 

Wordpress Plugin from MoFuse
Wordpress Plugin from MoFuse

 
You can create a mobile version of your website or blog for free. But if you want to do it professionally means you have to spend little bucks from your wallet . 🙂