Do You have small Recruitment For Your Business. Check out our others Services.

  • +91 8617077456 / +91 7478977689

Installing WordPress on Localhost

Installing WordPress on Localhost on your computer can be a good step towards creating a testing environment for your WordPress themes and plugins. WordPress can be installed on both Mac and Windows, and with a successful installation, it works just like LivePoint. The beauty of installing WordPress on your localhost is that you can do a variety of tests without getting the effect wrong. I will explain how to install WordPress on the most common desktop worder – Xampp. To follow this tutorial you need to download and install Xampp.

Installing WordPress on Localhost Xampp

Before we can begin the WordPress installation, Xampp must be running on your computer. You can download Xampp from here, as Xampp’s one-click installation is easy. Train the exe and let it run.

You should follow the installation prompts like any other softwareor.exe file installation method. It is also important to note that Xampp uses the same ports 80 and 443 as Skype and sometimes there is a conflict between the two.
You can resolve this conflict by editing the skype port or by editing the Xampp settings to use different ports instead of ports 80 and 443. When you create a new port for Xampp, you will need to change your localhost address to include the port.

For example: if you have the new port as 80, your localhost address will be;
http://localhost:80 or http://127.0.0.1:80
If you want to run Xampp Server without editing port on Skype or Xampp, you can run one at a time. This means you can turn off Skype to run the Apache server. Detailed installation of Xampp is beyond the scope of this tutorial.

Installing WordPress on Xampp

Step 1: Start, Test Xampp Server and Create Site Folder

The first step when installing WordPress is to start your Xampp server, ensure you start Apache and MySQL. Click on the start button to start running the Apache server and MySQL database.

Installing WordPress on Xampp

After starting the server we need to check from the browser if everything is running well. To check we should type on the browser localhost or 127.0.0.1. If the server is up and running well you should see the following screen:

Installing WordPress on Xampp

The second step is to create a site folder inside the htdocs folder. In the Xampp server the site lives in a folder named htdocs;

 

Installing WordPress on Xampp

We will name our site Demo so we need to create the folder inside htdocs and name it ‘Demo’ then check on the browser to see if the folder is visible.

 

demo_installation_create

We now check on the browser to see where we will be installing WordPress.

installing WordPress.

Step 2: Download WordPress and Extra into the Site Folder

Download WordPress and add it to the folder that we have created inside the htdocs folder. To download the official site of WordPress and start the WordPress download by clicking on the .zip download file.

After downloading WordPress, now we should extract it in our demo folder and check in the browser whether it is ready for installation or not.

Download WordPress and Extra into the Site Folder

After extracting WordPress to demo folder we need to copy all the files from WordPress folder to demo folder. After extracting and copying the file your demo folder should look like this;

WordPress installation

Now we should check the site in our browser to see if WordPress is ready for installation or not. If you follow all the steps correctly.

Download WordPress

Step 3: Create WordPress Database

WordPress runs on MySQL database and before we can start running WordPress installation, we need to start creating a database. You should understand that the database we will create will be connected to WordPress in a file called wp-config.php. So to setup WordPress successfully we will need the following database details;

Database name – this is the name of the actual database

Database username – this is the name of the database user with Global Privileges

Database password – this is the password of the database

Database host – this is the host of our site, in this case, it is the localhost
To create the WordPress database we need to open Phpmyadmin and create the database, create a user then assign the user Global Privileges. To open Phpmyadmin we need to type on the browser;

http://127.0.0.1/phpmyadmin or http://localhost/phpmyadmin

phpmyadmin 1.png

Click on the databases to begin creating the WordPress database and you should now fill out the name of your database and click create button;

installing wordpress

After creating the database we need to create a user and allow the user to get all privileges. To create a user select the database you created earlier, then navigate to Privileges on the top menu, under Privileges click Add New User. After clicking on Add User, you should now type in the database login details which include the username, host and password of the database.


At this stage, you must remember that the host must be the same as the localhost. This applies even if you create a database on the hosting because the localhost is meant to be in the same environment.

installing wordpress

After creating the database user, now we have to give all the benefits to the user. Under the login details form, there is a section for allocating user privileges around the world. All we have to do is check and click to provide all the benefits to the user created by us.

installing wordpress

Step 4: WordPress Installation

Now we have to go back to WordPress setup and start the installation as we now have the database details. Click the Let’s Go button and enter the Database Name, Database Username and Password in the Phpmyadmin console.

installed WordPress

When you click Submit you will now see a screen showing that your database details are correct and you can now run the WordPress installation. Click Run Installation to begin the process of installing WordPress on your local Xampp server.

installed WordPress

Now fill in the site’s details that include the site’s name, WordPress admin username, admin password, admin email, and whether you should discourage the search engines from indexing the site.

 

After completing these details, click on Install WordPress and log in to verify that your WordPress installation is successful.

installed WordPress

If you have followed all the steps correctly, you should see the screen that successfully installed WordPress on your Xampp server.

installed WordPress
Step 5: Test Your Installation and Check the wp-config.php file

After filling in the details above and clicking on installing WordPress, you should now be ready you log in and test your new WordPress installation as well as review the wp-config.php file to see what is in there.

Let’s now log in and see how our site looks like:

xampp wordpress installation 5.png

As you can see above we have successfully installed WordPress and login and everything works well. If we navigate to our htdocs folder then to the site’s folder – demo we can open and see the wp-config.php file.

This is a very important file since it is what links the WordPress application phase to the MySQL database. When you open this file you will see the following code:
// ** MySQL settings – ** //

/** The name of the database for WordPress */

define(‘DB_NAME’, ‘demo’);

/** MySQL database username */

define(‘DB_USER’, ‘Joe’);

/** MySQL database password */

define(‘DB_PASSWORD’, ‘demoXsite’);

/** MySQL hostname */

define(‘DB_HOST’, ‘localhost’);

/** Database Charset to use in creating database tables. */

define(‘DB_CHARSET’, ‘utf8mb4’);

/** The Database Collate type. Don’t change this if in doubt. */

define(‘DB_COLLATE’, ”);
If you carefully look at this code, it details the database we created in Phpmyadmin, the username, the password, and the host. These details are very important for any WordPress installation. As you will see in manual WordPress installation, these details are filled in to connect WordPress to the database that exists in the server.

If you would like this WordPress installation to serve as your development environment there is a small edit we need to carry out in the wp-config.php file to allow for error reporting.

By default when you install WordPress on your localhost the debugging mode will be turned off. You need to look for this line of code in wp-config.php and change the Boolean value to TRUE.

xampp wordpress installation 6.png
You should edit it to look as shown below;
Capture 1

Conclusion

We have successfully, installed WordPress on the localhost Xampp server

xampp wordpress installation 7.png

In the next tutorial, I will be installing WordPress on Wamp Server another popular desktop server. I hope this tutorial has guided you and enlightened you on how to install WordPress on localhost. If you have any questions, comments, compliments, or further inquiries please get in touch using the comments section below.