Installing WordPress and Host Your Website in Local PC with XAMPP

1 Comment

As we know hosting a website on a live server is not so fast as it can be on local computer, because of no Ping is there. Installing WordPress on a local computer ( WordPress on XAMPP ) and hosting your website on your localhost might be helpful for you and will definitely save your time. After then you can migrate your website files and database backup directly to a live server over internet.

Installing XAMPP on PC:

Go to  Apache Friends website and download XAMPP.

 


apache-friends-website


 

Download the installer file. Once the download finishes, click the downloaded file. Depending on your operating system, you might need to allow the software to be installed.

While you should be cautious about installing unknown applications, you can safely install XAMPP. Allowing it to install will take you to the setup wizard. Click ‘Next’.

 


xampp-setup-wizard


 

The next window lets you customize which components you want to install. Options like Apache and PHP are required. Therefore, you can’t deselect them. But you can uncheck the other options. For installing WordPress, the necessary components are Apache, MySQL, PHP, and phpMyAdmin. Once you have selected these, click ‘Next’.

 


xampp-components


 

In the next page, you will be asked to select the folder where you want to install XAMPP. Click the folder icon to open the file browser and to select a custom folder. After making the choice, click ‘Next’.

 


install-xampp-on-drive


 

In the next window, you’ll be asked whether you would like to install Bitnami for XAMPP, which offers free tools for installing WordPress, Drupal and Joomla! on top of XAMPP.

Since we’re going to install WordPress manually later in this turorial and don’t need free installers, untick “Learn more about Bitnami for XAMPP” and click Next.

 


bitnami-for-xampp


 

After going through all those initial installation steps, XAMPP is now finally ready to install. Click Next.

 


xampp-installer


 

Once installed, you’ll be asked whether you would like to start the XAMPP Control Panel, which provides an interface for running your localhost environment. Leave this option ticked and click Finish.

 


control-panel


 

The Control Panel will automatically open, but if you unchecked the option in the prevous window, you can go to the XAMPP folder on you computer and open XAMPP Control Panel instead.

If the installation process went well and everything is running smoothly, the control panel will open with black and blue text updates at the bottom.

 


xampp-control-panel

 


 

Before using XAMPP, make sure that you don’t have any other application running that also uses the same ports. Skype is a common example in this regard. Quit any such application and restart XAMPP.

In the XAMPP control panel, you will find different components listed – Apache, MySQL, FileZilla, Mercury, Tomcat etc. All of them have separate start/stop, Admin, Config and Logs buttons. Fire up Apache and MySQL by clicking the respective Start buttons. If they have started successfully, you will notice a light green background behind the component names.

If both Apache and MySQL are running successfully, you can congratulate yourself. You have successfully installed XAMPP server in your computer. To test your local server, open your favorite browser and enter the following URL – http://localhost/

The page should look like the following –

 


xampp-on-localhost


 

Creating a Database

Now that you have installed XAMPP let’s see how to install WordPress. First of all, you have to create a database to install WordPress. To do that, get back to the XAMPP control panel. Click on the ‘Admin’ link of the MySQL section. This will take you to the phpMyAdmin page.

 


phpmyadmin


 

You can also get to this page by entering the following URL into your browser –

http://localhost/phpmyadmin/

There is a menu on top of the page. Click the ‘Databases’ link. This will bring a page like the following

 


wordpress-database-phpmyadmin


 

Right under the big ‘Databases’ title, you will find a section titled ‘Create database’. Provide the database name and click ‘Create’. This will create the database for you. Note down the database name, we will need it for installing WordPress.

 

Installing WordPress on XAMPP

Now, to install WordPress on XAMPP, Download the latest version of WordPress from the official site. Extract the zipped archive to your desktop. Open the folder where you have installed XAMPP. Locate the folder titled ‘htdocs’. Copy the extracted WordPress folder into the htdocs folder. If you haven’t changed the default installation settings, the htdocs folder should be located at the following address –

C:/Program Files/XAMPP/htdocs

In your browser, open the following URL – http://localhost/wordpress/

In the resulting screen, you will be asked to select the language. Choose your preferred language and click ‘Continue’.

In the next screen, you will be told that some information is needed for installing WordPress. These are the things we will need –

  1. Database Name
  2. Database Username
  3. Database Password
  4. Database Host

 


install-wordpress-on-xampp


 

You might not know all the information. Don’t worry, I will provide you with the necessary information. Click the ‘Let’s go!’ button at the bottom.

At this point, you should be on this page –

 


wordpress-setup-on-xampp-server


 

Provide the following information in the boxes –

  • Database Name: Write the name of the database you created a while back.
  • User Name: root
  • Password: Don’t put anything in this field. Clear any default text and leave it empty.
  • Database Host: localhost
  • Table Prefix: wp_

Once you have provided the necessary information, click ‘Submit’. In the next page, click the ‘Run the install’ button. You will be taken to a page like the following –

 


wordpress-information-fill


 

In the ‘Site Title’ field, provide the title of your test site. Then, the ‘Username’ and ‘Password’ fields will let you create an admin account for your site. As you will need this information to log into your website, save or memorize these.

In the ‘Your E-mail’ field, provide an email address. Lastly, the ‘Privacy’ could be used to hide the site from search engines. After making the necessary changes, click ‘Install WordPress‘. If everything is okay, you will be provided with a success page. Click the ‘Log In’ button at the bottom.

This will take you to the login page of your website. Provide the username and password you just provided and click ‘Log In’. If they are correct, you will be taken to the admin dashboard of your WordPress site.

 


wordpres-dashboard-on-localhost


 

If you can view the dashboard, then WordPress is successfully installed.

Conclusion

Software like XAMPP provides simple and easy ways to set up local servers in our computers and to test various applications in it. You can use XAMPP to install WordPress on your computer and save a lot of time in the development process.

I hope I have made the process clear enough for you. However, if you still have any question about the things discussed above, please let me know by leaving a comment below.

 

Hi I'm Anil founder of Drungston Technology and I'm here to post some really cool stuff for you, if you have any ideas or any request get @ me - [email protected]

About us and this blog

We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

Subscribe to our newsletter!

Fields marked with an * are required

More from our blog

See all posts