This tutorial is useful for those of you who want to learn to create a website but do not have a domain and hosting.

Or for those of you who want to experiment with the website before the website goes live.

In order too make local hosting on your computer, we will use the XAMPP software. XAMPP is a cross platform software between Apache, MySQL, PHP and Perl, thus allowing us to create a local web server on our computer.

This tutorial is for Windows, for macOS, the tutorial on this link: xxx

Step 1: Installing XAMPP

  • When finished download the XAMPP installer, do the installation process. You will get an error notification like this. Click OK.

  • Then the installation wizard will appear from XAMPP. Click Next.

  • After that will appear the choice of what components will be installed. Apache and PHP are automatic. Select MySQL and phpMyAdmin only because that is all we need for this tutorial. Then click Next.

  • Then the next page is the location where XAMPP will be installed.

  • Next we are offered to install Bitnami, the default program from XAMPP. But we will not use this program. So uncheck, then click Next.

  • After that XAMPP is ready to be installed. Click Next.

  • The installation process is running.

  • When you are done, activate XAMPP.

  • Then select the language you want to use, choose English or German. In this tutorial, we use English. Then click Save.

  • This is how XAMPP control panel looks.

  • Activate Apache and MySQL by clicking the Start button on the right.

  • After that open the browser then type: localhost. Then the XAMPP page will appear.

  • The next step, we will create a database first in XAMPP. Click phpMyAdmin on the top right.

  • Create a new database, by clicking New on the top left.

  • Write the desired database name in the Create database in the Database name field.

  • For example, I use dev as my database name. Then click Create.

  • Congratulations, the database has been successfully created! Then to the next step.

 

Step 2: Installing WordPress

  • After that, create a new folder in the htdocs folder. Locate the installation location of XAMPP. In this tutorial, I save XAMPP on Local Disk (C 🙂. Then locate the htdocs folder.

  • In the htdocs folder, create a new folder for storing website data.

  • For example I created Dev folder. Then extract the WordPress installation file inside this folder.

  • The next step, is the installation of WordPress. Open the browser, type localhost /(folder name), example: localhost/dev. Because the folder I created is dev. WordPress installation page appears. First is select the language that will be used for WordPress later. Then click Continue.

  • Then will appear notification page to remind you create database first. Since we have created the database in Step 1, click Let’s go.

  • Fill in the form with the database information we have created.

  • Change the Database Name according to the database name we created earlier. In this tutorial I use dev as my database name. Username is filled with root. Password emptied. The rest leave it alone. Then click Submit.

  • Click Run the installation to connect between databases that already created with WordPress.

  • The next process is to create a user for WordPress and installation. Site Title is filled in website name. Username is filled with a name that will be used to enter into WordPress. Password filled with keywords to enter into WordPress. Your Email is used to receive the information of this created WordPress account, or for example later when forgot password or username, account information will be sent to this email. After that click Install WordPress.

  • Congratulations, WordPress has been successfully installed! Please login with the account that has been created.

  • On the WordPress login page, you must enter the username or email and password you just created. Then click Log In.

  • After that you will go to WordPress dashboard page to manage your website.

  • Open the browser, then type: localhost/(folder name)

  • Congratulations, your WordPress has successfully installed offline!

The next tutorial talks about: How to Increase File Size Limit to Upload in XAMPP (file exceeds the upload_max_filesize)