Pinterest Stumbleupon Whatsapp
Ads by Google

Oh readers, if only you could see me now. You’d be looking at a guy with three day stubble on his face, a pile of junk food in his stomach and a half-finished WordPress website sitting on his hard drive starting a daunting article for MakeUseOf that he has avoided for several hours. You’d be looking at a guy who managed to set up a local host on his PC, uploaded WordPress to it and developed a site as though it was live on the internet.

I’ve been doing quite a few posts about blogging lately but this one take a step outside the amateur “˜how-to’s I’ve done like the one about improving your Blogger blog 4 Easy Tips to Improve Your Blogger Blog 4 Easy Tips to Improve Your Blogger Blog Read More . This article is inspired by the website I’m building that’s due to be launched in a month or so – and it’s not for tech newbies, this guide.

Many of us have personal blogs or blogs that make us a second income. And we don’t want to go upsetting our readers by coding and developing them on the Internet. Imagine if every time you visited MUO there were design changes, buggy issues or features constantly being moved about and deleted!

So developing your WordPress blog offline is the best option because you don’t interrupt readership (assuming the blog is online already and you’re simply updating), you don’t have to upload pictures and media and you can view your blog easily without it being live on the internet for everyone to see you shoddy design work. The easiest way to do this is to learn how how to install WordPress locally. This is done by creating a host on your PC which acts like a host on the Internet such as GoDaddy.

First of all, to set up a blog offline you have to download some PHP Hosting software. There are several well-known options but I’ve gone for XAMPP because I found I had the least hassle with it. You can download it here from SourceForge. Once you have downloaded and installed it like you would any other piece of software, open it up from the “˜All Programs’ menu. The window shown below will appear.

Ads by Google

LocalHost - XAMPP SC

Beside Apache and MySQL, select “˜Start’ so that they are both running like in the screenshot. Now, your local host is up and running and is available to be prepared to accept WordPress. First however, we must make a database for WordPress to be saved in on the host.

localhost - browser homepage

To do this open your browser and enter “˜http://localhost/’ into the address bar. This will bring you to the screen shown above. From the menu bar on the left, select phpMyAdmin as illustrated.

localhost - create database

In the center of the screen is the section where you create a new data base. Name your server and select collation from the dropdown menu if it’s not already selected. In the second dropdown menu select “˜uft8_unicode_ci’. I cannot emphasise how crucial it is that you do not overlook this. It is not selected as default so ensure you have it selected. It’s the last one in the list. Without it, the host won’t communicate with WordPress and you’re in a world of problems my friends – if you can’t tell I’m talking from experience. I spend an hour yesterday trying to figure out what the problem was!

Once your server is created you’re ready to embark on the world-famous “˜Wordpress five minute install’ and finally set up your blog. Download WordPress from here. When you have the .zip file, extract its contents to this location:

C:\xampp \htdocs

Your final folder structure should look like this:

localhost - file structure

If it doesn’t, open the XAMPP program file and drag the extracted WordPress file into it manually. It must be in there in order for your newly created database to detect it. Then, edit this file using Notepad:

C:\xampplite\htdocs\wordpress\wp-config-sample.php

Scroll down to the part where it asks for database name, username, password etc.. Fill in the details below:

DBNAME: *whatever name you gave to your database*

DBUSER: root

Password: “˜ ‘ (This should just be left as two opposing apostrophes)

Then, save the file as wp-config.php instead of the original wp-config-sample.php.

Now, open your browser and enter in the following URL:

http://localhost/wordpress/wp-admin/install.php

This will take you into the WordPress installation just like you were online. Remember, when you’re returning to your PC to do more coding ensure you have Apache and MySQL turned on – otherwise http://localhost/ won’t exist!

Oh and now a health warning: Coding and toying with WordPress is addictive. Prolonged exposure may cause excessive caffeine consumption, personal hygiene and grooming to go out the window, social commitments to follow and a truly awesome WordPress site ready to go live.

  1. Install Software
    February 1, 2010 at 8:21 pm

    Hi there.
    Great installation help...thanks, fixed my problem.
    Anyone reading this guys stuff should bookmark it.

  2. Jake
    December 29, 2009 at 9:56 pm

    Great tutorial, Thanks!

    I would have taken hours to figure out what only took minutes after reading your post. I really appreciate it!

  3. Mare
    December 23, 2009 at 10:08 pm

    Great post, this one is really helpful, This is exactly what I was seeking for, now it’s time to share it with someone and get working. Thanks a Bunch.

  4. Wayne
    December 18, 2009 at 12:49 am

    Hey, nice post. :) Thanks for the interesting info.

  5. Outsourcing
    November 25, 2009 at 1:50 am

    I was just thinking about How To Install A WordPress Blog Locally On Your Computer and you have really helped out. Thanks!

  6. Cordless Drill
    November 19, 2009 at 11:39 am

    This is exactly what I was searching for, now it's time to load it and get working. "Thanks a Bunch"

  7. marcus
    November 12, 2009 at 7:47 am

    Thanks for the useful info. Once you've developed the wordpress site locally what is the process for transferring it to your web server?

    • Cordless Drill
      November 19, 2009 at 12:04 pm

      Hey Marcus, I would like to know the answer to that question myself. If you get any (usable) responses could you please forward it to me as well. Thanks

  8. Raj
    October 29, 2009 at 2:38 am

    Could anyone suggest a tool to test/customize blogspot/blogger blog themes locally installing my computer without logging into blogger.com?

  9. Daniel H
    October 26, 2009 at 1:03 pm

    I've expanded on this topic with tips on setting up your local computer for WordPress development: Five Steps for WordPress Preparation.

  10. Paul Sanduleac
    October 26, 2009 at 8:33 am

    Many people really need this post. Good Job!!!

    • Dean Sherwin
      October 26, 2009 at 11:16 am

      Hey guys,
      Glad you all liked the post! There'll definitely be a couple of follow up posts!

      -Dean

  11. dogbait
    October 26, 2009 at 12:41 am

    Brilliant post. Just when I was using a freebie hosting site for testing and this pops up. Many thanks.

  12. Gary
    October 25, 2009 at 11:57 pm

    Thanks, worked 1st time!

    Any chance to see a similar post on how to install Movable Type on a local host.

    Always interesting, keep up the good work!

    • Beau Smith
      October 26, 2009 at 11:34 am

      Here's how to install Movable Type on localhost on a Mac:

      beausmith.com/mt/2009/05/install-movable-type-on-a-mac.php

    • Dean Sherwin
      October 26, 2009 at 11:17 am

      I'll look into it and if I can I'll definitely do a post about that within the next week or two. ;)

      -Dean

  13. john
    October 25, 2009 at 8:09 pm

    very nice post, this one is really helpful to start something more interesting

  14. Windows Boy
    October 25, 2009 at 11:53 pm

    The easiest way is to use Microsoft's Web Platform Installer. It's free!
    microsoft.com/web/downloads/platform.aspx

Leave a Reply

Your email address will not be published. Required fields are marked *