How to Create Virutal Host in Xampp For Clonning of WordPress or OtherSite on Local Machine

Since Creating a Clone for the purpose of Testing or Development, we have to perform many different task like changing the host names especially in WordPress. Hence in this tutorial I will show how to skips old techniques of changing host URLs in the site.

Instead of replacing the URL - Site/Host Address from the cloned environment, we will create our Local Machine as the Virtual Host i.e. it will behave as the same site as of production. So dont need to change the URL/Address from the enviroment.

Following are the steps using Xampp 

Step 1) C:\WINDOWS\system32\drivers\etc\ Open the "hosts" file :

127.0.0.1       localhost
127.0.0.1       test.com
127.0.0.1       example.com

Step 2) xampp\apache\conf\extra\httpd-vhosts.conf

<VirtualHost *:80>
    DocumentRoot C:/xampp/htdocs/test/
    ServerName www.test.com
</VirtualHost>
<VirtualHost *:80>
    DocumentRoot C:/xampp/htdocs/example/
    ServerName www.example.com
</VirtualHost>

Step 3) C:\xampp\apache\conf\httpd.conf. Scroll down to the Supplemental configuration section at the end, and locate the following section (around line 500), Remove the # from the beginning of the second line so the section now looks like this:

#Virtual hosts
Include conf/extra/httpd-vhosts.conf

Step 4) Restart XAMPP and now run in your browser :

www.example.com or www.test.com