How to install XAMPP Server on Windows 10

Lets go Installation

In This blog, I will show How to install XAMPP Server on Windows 10 in 5 minutes

This step-by-step guide will show you how to install the XAMPP server on Windows 10. XAMPP is a free and open-source cross-platform web server solution stack package developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB database, and interpreters for scripts written in the PHP and Perl programming languages.

Xampp is a localhost-based software; by using it, your computer behaves like a web host, and you can run a WordPress website or any other website properly. Usually, we need good web hosting to run a website. Web hosting is not a good choice for training purposes because web hosting is very costly, and using paid hosting only for practice purposes is not a good choice.

There are different software available in the market to solve this problem, like Xampp, Wamp, etc. Such kind of program is called localhost. Such types of applications allow you to set up localhost on your computer. You can run your website on this localhost to perform your training work.

What Is Xampp Server?

Xampp is a localhost application package that sets up a local web server on your computer. It is the most popular PHP development environment and helps you perform PHP-based tasks in an excellent development environment.

Xampp is 100% free and easy to use and install the program. Using the Xampp local server, you can run a website on your computer and check how it will react after going live. This is the best practice to perform the testing or training work on your computer. Xampp server provides you with the following modules:

  • Apache(establish a web server on your machine)
  • MySQL(Help you to set up the webspace of your website on the computer)
  • FileZilla(Provides you with the services of an FTP)
  • Mercury(Provides you the services of a fully independent mail local server)
  • Tomcat(It is a package to send emails. You can say it is a local server)

By using the Xampp server, you can easily activate the above-mentioned modules in your computer and make your machine like a host. This will be the best option to do practice work for the students of computer science. localhost is the best and most powerful localhost setup program. Your practice work and learning journey can easily be fulfilled by this fantastic application.

How To Download Xampp on Windows 10?

To install the Xampp server on your computer, go to google.com and type “Xampp” in the search engine. You will find a number of links out there. Click on the first link with the title “XAMPP Installers and Downloads for Apache Friends.”

How To Download Xampp in Windows 10
How To Download Xampp on Windows 10

It will bring you to the official website of Apache Friends, and you can freely download the application of Xampp. As there are three versions of Xampp available there, you need to click on “Xampp for Windows.”

Download Xampp Server From Apache
Download Xampp Server From Apache

By click on that button, Xampp will download to your computer system. 

How To Install Xampp Server In Windows 10?

Go to the download folder of your computer and click on the directory named Program Files. You will find the setup file or exe file of xampp. Double-click on that file to start the installation process of Xampp. When you double-click there, the install wizard will open on your screen. Keep clicking on the Next on the Wizard until it reaches the file location option.

Xampp Installation Wizard

When you reach the file location option, it will show you the file location in C:/ drive. You can change the location of the file, and this is very important. First of all, install it on your desired directory with the name that you can remember because to run your website on Xampp, you need to use the directory where files of Xampp were installed. So, install the Xampp server at the location that you can remember. 

Choose a Folder to Install Xampp

After selecting the file location, keep clicking on Next until you reach the installation processing screen. On the processing screen, wait until the process is completed. When the completes, the Wizard will be closed, and Xampp software will be installed on your computer system.

Now go to the start and search for Xampp; you will find the Xampp control panel’s icon there. 

How to Open Xampp on Windows 10
How to Open Xampp on Windows 10

Click on that icon, and the control panel of Xampp will be visible on your screen.

Xampp Server Configurations
Xampp Server Configurations

Congratulations, the Xampp server has been installed on your computer, and now it is ready to use. 

How To install and configure Xampp Server in Windows 11?

Well, Windows 11 is the new version of the Microsoft Windows operating system. But the downloading and installation process of the Xampp server or software in the Windows 11 operating system is the same as for Windows 10 operating system. This process is explained in the above two headings. You can follow that process to install the Xampp server in Windows 11 operating system.

WordPress With Xampp

Installation of WordPress on the Xampp server is possible. WordPress is open-source web software that is built with PHP and paired with MySQL and MariaDB databases. These all packages are available on Xampp so that we can install and run WordPress in your computer. A number of students during the learning process of WordPress use the Xampp host for their practice or training work because web hosting is so costly, and it is not an excellent approach to use paid hosting at the initial learning phase. So, the Xampp host is the learning partner of a number of WordPress students. You can also use Xampp to start your WordPress learning journey with WordPress.

How To Install WordPress On Xampp Server?

Installation of WordPress on the Xampp server is a straightforward and exciting process. As Xampp is the learning partner of many WordPress students, it is crucial to know how to install WordPress on the Xampp. When students are learning WordPress, mostly their instructors install WordPress locally and provide them admin access to WordPress to start their learning journey. But it is very crucial for students to learn how they can install WordPress on Xampp as well as on web hosting. 

Say, for example, you are going to develop a WordPress blog website on Xampp. To install WordPress there are some required components for any website, you need to follow the following steps to install and configure:

Step 1: Server Environment Configuration

To install WordPress on the Xampp server, first of all, open the Xampp Control Panel and start the two modules, Apache and MySQL. Initially, these modules are stopped; to create them, click on the start in front of these modules. The modules will start. Now the services of Apache and MySQL are running on your local machine.

Apache uses 80, and 443 default ports and MySQL uses 3306 ports.

Xampp Server Environment Configuration
Xampp Server Environment Configuration

Step 2:

After starting Apache and MySQL modules, open your browser and type there “localhost/dashboard.” 

It will bring you to the admin dashboard of Xampp localhost.

Localhost Dashboard
Localhost Dashboard

Step 3:

The admin dashboard of the Xampp server will look like the following image click on the phpMyAdmin on the dashboardIt will bring you to the control panel of phpMyAdmin, where you will create the webspace for your WordPress.

Xampp Php my Admin Panel
Xampp Php my Admin Panel

Step 4:

On the phpMyAdmin dashboard, you need to create the database/web space for the website that you are going to develop with WordPress. The database is a significant part of every website because the database contains the data related to your website in the form of a table. So this step is very crucial. Follow this step very carefully.

On the left side of the phpMyAdmin dashboard, you will see the options for the creation of the web space. Click on the New opportunity to create the webspace for your new project, and don’t touch any other database.

Database Creation in Xampp Server
Database Creation in Xampp Server

When you click on New, it will show a page where you can set the name of the database and can create it. When you have set the name of your website space, then click on the start button. The new space will be made. In this case, I’m going to put the name of the database as “blogdb” because, in the example, we are going to develop a blog website.

Database Create on phpmyadmin

Note: The name of the database is crucial because it will be used during the installation of xampp, so choose it very carefully.

When you click on “create,” after very short processing, your database will be created, and you will see a notification” Congratulations, your webspace has been created successfully.” The base will also appear in the left sidebar of the phpMyAdmin dashboard. Basically, it is the list of created databases. 

database list

In the above image, you can see our database is visible.   

Step 5:

The database has been created, now go to google.com and search “WordPress.” Click on the link named “Download WordPress.” It will bring you to the official website of WordPress and download WordPress.org from there.

Download WordPress Files
Download WordPress from Here WordPress.org

Step 6:

Now the file WordPress is downloaded to your computer, and you can easily find that file in the download folder of your computer. Now, right-click on that file and extract that by clicking on the option “Extract to WordPress” The file of WordPress will be extracted.

Extract Files
Extract Files

Now open the extracted folder and select all its contents and copy them.

Step 7:

Now open the folder where you installed the Xampp server. In that folder, there will be a directory named “htdocs.”

htdocs files

Open this directory and create a new folder in it. Make the name of that like the name of your website because when you open your WordPress website, you need to use the name of that folder in the path. In this example, I named the “my blog.” When the folder is created, please open it and paste all WordPress into the one that you copied.

my blog files

In the above image, you can see that “my blog” has been created, and all the contents of the extracted “WordPress” folder are pasted in it.

Step 8:

The folder of the WordPress website has been created in the htdocs folder, and all contents of the “WordPress” are pasted in it. Now open your browser and type in the search bar “localhost/folder created in htdocs/wp-admin/setup-config.php” in my case, the name of that folder is “my blog,” so I’ll type “localhost/myblog/wp-admin/setup-config.php,” and WordPress setup will appear in front of me on the screen. Click on the continue button to proceed with the process further.

Installation Path

When you click on continue, it will bring you to another screen where you will see a few instructions, ignore them and click on “Let’s go” to further proceed with the installation process.

Lets go Installation

Step 9: Complete the process

When you click on let’s go, you will see a form there, and you need to fill that out. Initially, that form looked like this:

Database Name Password

Now fill out the form; in the Database Name box, replace “WordPress” with the name of the database that you created. In my case, that is “blogdb.” In the Username box, replace “username” with “root.” In the Password box, remove the “Password” text and make it an empty box. Let the Database Host box and Table Prefix box be as it is, and click on the Submit. Fill the box as it appears in the following image: 

Step 10:

When you click on the submit button, it will bring you to another screen where a small notification will appear, and there will be a button called “Run Install” click on that button to start the setup of your WordPress website on the Xampp server. 

Run Installation

When you click on the run installation button, it will bring you to the page where you will see the process form. On that form, it will ask about the site information of your WordPress website. Fill the installation form; in the Site, Title box writes the name of your site; in my case, that is My Blog. In the  Username box, type the username; you can set any username there; I’ll choose “wp-admin” as my username. The Password box will be auto-filled; change that with a password that you can remember; this password will be used when you need to get the admin panel of your WordPress website that is installed on the Xampp Server. In the email box, type your e-mail address and then click on the Install WordPress button.

Installation Information

After click on the Install WordPress button, WordPress will successfully install on your localhost or Xampp server, and you will see a notification of success on your screen. Under the success notification, you will see there will be your username written and password label. There will be a login button.

Success Message WordPress

Step 11:

When you click on the login button, it will bring you to the login page of the admin dashboard of WordPress. By entering the correct username and password, you can get the admin dashboard of your WordPress website. So, type the correct username and your selected password to get the admin dashboard of your WordPress website.

Wp Login

Click on login, and you will be in the admin dashboard of WordPress.

Step 12:

Hurrah! installation is complete My WordPress blog is ready, and I’m in the admin dashboard of my WordPress website. On the admin dashboard, I can choose the theme of my website and can upload or install my desired plugins to customize my website with an editor.

WordPress admin dashboard:

WordPress Dashboard
WordPress Dashboard

Here is the view of the admin dashboard after the installation of WordPress on the Xampp server. 

By click on the My Blog option from the top of the admin dashboard, you can visualize or visit your WordPress website.

Step 13:

Click on the My Blog button and visit your WordPress blog because it is ready to use.

Yeah! My blog is ready, and I can visit it properly on my system. 

By following these 13 steps, you can easily install WordPress on Xampp and develop a WordPress Website by using the Xampp server. 

How Can I Visit my WordPress Website On Localhost?

To visit the WordPress website that is established on localhost, first of all, you need to start the Apache and MySQL modules from the Xampp control panel. Then open your browser and type “localhost/name of the folder created in htdocs.” In my case, I’ll type “localhost/myblog,” and my website will be open on my browser. 

How Can I Access the Admin Dashboard Of My WordPress Website On Localhost?

To access the admin dashboard of your WordPress that is established on localhost, first of all, you need to start the Apache and MySQL module from the Xampp control panel and manage. Then open your browser and type “localhost/name of the folder created in htdocs/wp-admin.” In my case, I’ll type “localhost/myblog/wp-admin,” and the login page of the admin dashboard of my WordPress website will be open on my browser. By entering the proper credentials, I can access the admin dashboard of my WordPress website that is established on the Xampp server.

Note: Websites established on the Xampp server can only be open on the same machine where their files are available. To get websites that are built on localhost, you always need to start Apache and MySQL modules from the Xampp Control Panel. Without creating these services, you error message your website.

How to Install WordPress On Windows 10

Video Credit: YouTube

Related Articles

Responses

Your email address will not be published. Required fields are marked *