How to Install WordPress and XAMPP Locally on Computer?

Considering the high practically and power of WordPress CMS, you may sometimes face difficulties while working with its features. Though, as a beginner user or a professional developer, you could have your prototype of the website before making it online. Most of these problems may be because of incompatibility between different embedded code. On the other hand, as a developer, it is a good idea to initially test all the sections of your site locally. Fortunately, having a local edition of your website on your computer is not a big deal by installing applications such as XAMPP. Here we will talk about how to install WordPress and XAMPP locally on your computer.

First off, in this article, we will discuss the reasons for having a local WordPress website. Then, we will show you the instructions for installing XAMPP. So, stay tuned!

 

Why having a local host is important?

There are different reasons to focus on, but the most important ones are:

  1. WordPress websites may encounter errors as a result of plugins, themes, WordPress version incompatibility. So, we recommend you to, first of all, make a copy of your website, activate all the plugins and theme that you need, debug all the errors, and then it’s time to bring it online.
  2. Local websites are great for development and designing tasks. You can complete your website on your localhost before making it public. Therefore, less money is spent and less leakage risk is taken.

 

How to install WordPress and XAMPP locally?

Totally, you are 4 steps far from having a WordPress site installed on your localhost. So, let’s get our hands dirty!

 

1. Downloading and installing the XAMPP application

XAMPP is a peripheral software that is capable of running an internal (local) webserver. First, its first edition was published by the Apachefriends in 2002. Then, because of its powerful and fast features, it became more popular and further editions have been introduced. It comes with different editions for Windows, Linux, and Mac operative systems.

First of all, find the appropriate version inside the official website. Download the link and wait for it.

XAMPP Website
Download XAMPP Based On Your Operation System

Once the download finished, proceed to install the file along with us. You might get a User Account Control (UAC) warning based on your system. However, ignore it and go on installing it.

UAC Warning
UAC Warning. Just Ignore It

After clicking OK for this prompt, the welcome window will be shown. Just click Next to continue.

Bitnami
Welcome Note

In the next step, you can choose what properties should be installed along with the main setup. However, as our goal is loading WordPress, we just need to choose Apache and MySQL as our server, PHP as our programming language, and phpMyAdmin as our database control panel. Therefore, uncheck the others and click Next.

Setup Components for installing XAMPP
Components That Are Needed for Installing WordPress

In the very next window, you can change the setup directory on your operating system, However, I always let it as default root:

Setup Components for installing XAMPP
Let the Setup Folder Remains as its Default

You will see the Bitnami installation screen on the next prompt. Actually, you don’t need that now. So, go on clicking Next while you have unchecked the box:

Installing Bitnami While Installing XAMPP
You Don’t Need To Install it! Just Uncheck it and Continue

As soon as you click Next, the installation process will begin as you say that you are ready! However, you must have been ready until now!

Now, wait for the installation to be completed:

Be Patient Please!
Be Patient Please!

The time it finishes, it is time to launch the control panel:

Finalization of XAMPP Installation
Well Done! We Installed XAMPP Successfully

 

2. Activating the localhost and adding the WordPress files

The Following window demonstrates the XAMPP control panel. For running WordPress you need to start Apache and MySQL along with each other. Once you saw the green rectangles, you are free to go on.

XAMPP Control Panel
Click the Start Button for Both Apache and MySQL

For testing your localhost, you can type down the http://localhost/ in your browser, and the following page will be displayed:

XAMPP Localhost in Browser
Check the Browser to Make Sure That the Localhost is Activated

Now, it’s time to transfer the WordPress files to the specified folder. In a recent article, we showed you how to manually install WordPress on a purchased host, however, as we are working offline, the procedure is a little bit different. You can study this article from here.  After downloading from WordPress.org and extracting the WordPress files, navigate to C:\xampp\htdocs\ if you are working with Windows. Then, create a folder with the name of your choice (e.g. test), and copy/paste the files into that.

 

3. Activating and configuring the database

As you may know, PHP is the WordPress CMS basic programming language. Hence, for configuring a database in which your website data store, the operation is done by the phpMyAdmin panel. You have two ways to reaching the phpMyAdmin. The first choice is to click on the Admin button relating to the MySQL module in the XAMPP control panel. And the other one is to manually type down http://localhost/phpmyadmin/ in your browser.

When the phpMyAdmin panel is displayed, click on the Database button, select a name for your database (memorize it!). Although you need a username and password for the database when you are installing WordPress on a live server, fortunately, when working offline, those are not needed.

Creating Database in phpMyAdmin
Create a Database in phpMyAdmin Panel

4. Install WordPress locally

And finally, we have reached the final step. After configuring the database, we should assign the details to our website. As mentioned in the prior article, two ways are present to do this. Both the manual and via the on-screen options are accessible. Here we are going on via the on-screen way. However, you can study our recent article from here, which we have described both options.

Type down http://localhost/YourFolderName/ in which instead of YourFolderName you should type the folder in which WordPress files have been placed. the following window will be shown:

WordPress First Step Installation
First Step Installation

By choosing your language and clicking the continue button, the next step is assigning the database details. Write down the database name that you have selected in the phpMyAdmin panel in the correct box. Write “root” for the username option, and you can easily leave the password empty and the other boxes as default. Now, click the Submit button.

Configuring Database for WordPress
Type Your Database Name, Write “root” For Username, and Empty the Password Box

Finally, complete your WordPress installation as normal. We showed you that before. By logging into your WordPress website our work is down. Congratulations! you have installed it right.

 

Conclusion

In this article, we showed you how to install WordPress and XAMPP locally on your computer PC. We did our best to have a general and useful lesson. However, if you have any questions or reviews, we will be grateful for sharing them with us.

Was this post helpful for you?
so so
no

If you want get latest posts in your email, insert your email in this fiel now:

Our subscribes until now:

0 person

Leave a Reply

Sending comments means that you read Comments rules and accept it.

we suggest this post to read

    how to install wordpress

    How to Install WordPress (Step-by-step) | 2019

    In this article, we are going to teach you the basic manually way of how to install WordPress. You can either have a local WordPress on your desktop, which is usually suitable for development and learning goals.