Installing WordPress on localhost will be our first step before learning WordPress. As WordPress is developed in the programming language PHP, so there is need of some server to run PHP programming language on our computer for using WordPress. To Install WordPress on localhost we can use different software which will be discussed later but first we have to know what is localhost.
What is localhost?
Localhost means the computer you are using currently. As we discussed in a previous tutorial, websites need hosting, so for practice purposes we will be using our own computer as hosting for the website and the good thing about localhost environment is that we don’t need internet connection to access websites on localhost because the website is already present on our computer storage.
Advantages of localhost
- No internet connection is needed.
- Load website fast
- Can share websites with others when got connected to internet
- Easy configuration
How to make localhost
For running the programming language PHP we need a server named Apache Server. There are different applications available for making localhost, some of the major ones are here but we will be using XAMPP.
Applications for localhost
- Apache HTTP Server
- Zend Framework and much more.
What is XAMPP?
XAMPP means cross-platform Apache MariaDB PHP Perl. We will be using XAMPP for installation of WordPress on localhost. Good thing is that XAMPP is supported by all operating systems (Windows, Linux, OS X). Its installation process is quite simple. Just download the XAMPP version which is supported by your operating system and follow the installation wizard. So to install WordPress on localhost you have to install XAMPP on your computer.
To run XAMPP, open the XAMPP Control Panel and start Apache Server and MySQL. By running these two you will be able to run PHP on this server and will be able to use MySQL for databases.
After starting these two click on the Admin button or open your browser and type http://localhost in the URL bar.
After this if the below page appears it means that the installation of XAMPP was successful and XAMPP is now running.
Till this point the installation of XAMPP was successful, now the second part is to install WordPress on localhost / install WordPress on XAMPP.
Install WordPress on localhost
1) First download WordPress.
2) Then after downloading WordPress copy the zip file to …/xampp/htdocs. If you followed the default instructions during installation then the path will be c:\xampp\htdocs (in case of windows). As I copy the WordPress downloaded file to htdocs.
Then extract the file here, the result folder will be wordpress
3) Now give this folder any name of your choice which you want to be the name of your website. In my case I will rename this to dotcode. The folder is renamed and now if you open the folder there will be a file named wp-config-sample.php open that file in any text editor.
Now editing file
4) Open the file in the text editor and change three things, database name, database user & database password.
Set database name to same as folder name, set username to root, and set password empty. As below code.
define( 'DB_NAME', 'dotcode' ); //add your folder name instead of dotcode /** MySQL database username */ define( 'DB_USER', 'root' ); /** MySQL database password */ define( 'DB_PASSWORD', '' );
5) After editing these save the file and rename it to wp-config.php.
6) Now the last step is to go to the browser http://localhost and open phpMyAdmin
7) Then create a database with the same name as the folder you created. In my case I will give it the name dotcode.
8) Now it’s time to see WordPress in the browser. Now type http://localhost/your-folder-name. In my case I will type http://localhost/dotcode. And see the WordPress installation and setup page. Simply follow the instruction and fill the whole info and this was the installation step.
WordPress installation completed, now click on login button or type http://localhost/your-folder-name/wp-adminI will type as http://localhost/dotcode/wp-admin to login to my website.
And by typing http://localhost/folder-nameyou will see your website’s front page. In the next tutorial we will be studying about themes in WordPress to change our website look.