A blog about the latest trends and ideas in the world of Web Design, Graphic Design, Interactive Media and Chocolate.

Share
Share
  • Digg
  • del.icio.us
  • Google Bookmarks
  • StumbleUpon
  • Facebook

Installing WordPress Locally and Migrating to a Production Server Hassle-Free

Nick La at webdesignerwall wrote a great article about how to install WordPress locally.
I’ve been using that solution for a long time with some extra steps on it mainly for migrating to a production server without any hassles after your design and development work is done.

Emil Milanov from www.milanogw.net sent me an e-mail asking about my solution, so I decided to write this article.

The solution is pretty simple, first of all we need to create your project directories.
I’ll use the www.designandchocolate.com as an example.
We need to create a directory www.designandchocolate.com in C:\xampp\htdocs and put the WordPress installation files there.

Next step we need to configure the vhosts of apache. The configuration file of my setup is located in: C:\xampp\apache\conf\extra\httpd-vhosts.conf

Open it with any text editor and uncomment the following line:

(…)
NameVirtualHost *:80
(…)

add the following lines at the end:

<VirtualHost *:80>
DocumentRoot “C:/xampp/htdocs/”
ServerName localhost
</VirtualHost>

<VirtualHost *:80>
DocumentRoot “C:/xampp/htdocs/www.designandchocolate.com/”
ServerName www.designandchocolate.com

<Directory “C:/xampp/htdocs/www.designandchocolate.com”>
Options Indexes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>

After editing the file, restart apache with the XAMPP control panel.

The last step we have to edit the hosts file. The hosts file is located at:
C:\Windows\System32\drivers\etc (You need administrative access to edit this file)

At the end of the file add the following line:
127.0.0.1 www.designandchocolate.com

After all the steps above we should be able to test our Wordpress installation by typing www.designandchocolate.com in any browser.

Remember that we need to comment the line we added at the hosts file to be able to see the original website again. For commenting a line in hosts file, we just need to add # at the beginning, e.g.:
#127.0.0.1 www.designandchocolate.com

You might want to know how it works, basically when you type any domain name in your address bar, the system will query the DNS server the IP Address where the domain is pointed.
Your system hosts file have more priority than the DNS server, so what your system will do is query the hosts file first and if can’t find anything then query the DNS server.

4 Responses to “Installing WordPress Locally and Migrating to a Production Server Hassle-Free”

  1. André Says:

    nice!!

  2. Conny Says:

    Thank you :-) Now makes it even easier to work on the road ;-)

  3. Tungsten Carbide Says:

    ~-. I am really thankful to this topic because it really gives up to date information “::

  4. Joye Hayburn Says:

    I was suggested this web site by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my trouble. You’re incredible! Thanks!

Leave a Reply

Or, you can