8db49 banner How to: Install Wordpress for a Developers PC

WordPress is arguably the most popular and the best blogging platform out there. You might have installed WordPress on your site, but you might be scared to experiment with WordPress worrying that you could break your site and WordPress.

Experimenting

is one of the best way to learn new things and if you break your site, you probably might not want your visitors to see the fault as it might leave a bad impression. So, it is necessary to have the ability to learn WordPress and try new themes, plugins

and other items without putting it online

where people can see.

So, the best solution is to install WordPress locally on your computer

. It will save you quite a bit of time

since you can just put your files inside your WordPress folder without having to upload it to FTP. You can do anything you want with WordPress without a worry which surrounds you when you put it online. The

possibilities are endless

. Here is a step-by-step instruction

on how to install WordPress in localhost using XAMPP

. I hope it will become a great use to you.

1. Go to the official XAMPP website
. We are going to use XAMPP as it is one of the best Apache distribution containing MySQL, PHP and Perl. It is very easy to install and use.

f5426 1 Custom How to: Install Wordpress for a Developers PC

2. Select your operating system and which format you want to download. You can either choose a zip or a exe format. I would recommend the .exe file. There are also portable version such as XAMPP lite, but using XAMPP is just fine for what we need. There are also add-ons available such as Tomcat, but it but they’re not necessary for our use, may be something you want to experiment with at a later date though!

f5426 2 Custom How to: Install Wordpress for a Developers PC

3. Open the installation file and you will be presented with a window. In, the destination folder, choose your destination. “C:” is recommended. Click install to start the installation (Won’t take more than a minute or two!)

f5426 3 Custom How to: Install Wordpress for a Developers PC

4. When the installation is almost done, an MS-DOS window opens, You might think you have to type a bunch of codes, but that’s not the case. This window just helps you set your preferences. The answers are just yes and no.

First question it will ask you is whether you should add a desktop shortcut. Type “y” for yes and “n” for no.

f5426 4 Custom How to: Install Wordpress for a Developers PC

5. The second question it will ask you is whether you want to locate the XAMPP paths correctly. Type “y” for yes. I would recommend saying yes because XAMPP usually locates the paths correctly for you, much easier!

6340e 4 2 Custom How to: Install Wordpress for a Developers PC

6. The third and last question it will ask you is whether you want to make XAMPP portable or not. You can choose which ever one you want, but i would recommend saying no if you aren’t going to be making use of the portable functionality (We won’t be in this tutorial) because it makes it easy for us to see the path such as C: and easier in the browser.

6340e 4 Custom How to: Install Wordpress for a Developers PC

7. After this is done, XAMPP starts configuring and you will see this appear in the window. Press Enter and XAMPP will have been correctly installed in your computer.

6340e 4 3 Custom How to: Install Wordpress for a Developers PC

8. Go the the destination folder you gave (such as C:) and look for “xampp-control” and open it. Now that XAMPP installation is complete, it is time for us to start using it.

6340e 5 Custom How to: Install Wordpress for a Developers PC

9. You should see this open up. This helps us specify which services we want to start.

6340e 6 Custom How to: Install Wordpress for a Developers PC

10. Click start on “Apache” and MySQL. They are services required for running WordPress. XAMPP uses port 80 as a default port, so if you have any issues, try making sure no other programs are using the port (Skype occasionally tries it). It will say “Running” next to the modules if they are started. The others don’t need to be started.

6340e 7 Custom How to: Install Wordpress for a Developers PC

11. To check if XAMPP is working, open your browser and type “http://localhost/
” and you should see this. Yes! we are good so far. Choose your language for the list.

390b8 8 Custom How to: Install Wordpress for a Developers PC

12. After that, you should see a page saying that you have successfully installed XAMPP on your system. Hoora!

390b8 9 Custom How to: Install Wordpress for a Developers PC

13. Now that we have successfully installed XAMPP, it is time to get WordPress. Go to wordpress.org
and download WordPress. Extract the folder.

390b8 10 Custom How to: Install Wordpress for a Developers PC

14. Now, the steps get critical. Make sure that you do these steps carefully or the installation of WordPress probably won’t work. Go back to XAMPP folder (C:xampp) and go inside a folder called “htdocs”.

390b8 11 Custom How to: Install Wordpress for a Developers PC

15. This is where we are going to put the WordPress folder. Copy the wordpress folder that you extracted and put it inside the “htdocs” folder. Note: Make sure that when you copy the WordPress folder, not the folder above it such as “wordpress-2.9.1?

390b8 12 Custom How to: Install Wordpress for a Developers PC

16. We need a database for WordPress so that we can install it in our computer. Go to your browser and go to localhost
(http://localhost/) and click on phpMyAdmin and you should see a page like this.

12616 13. Custom How to: Install Wordpress for a Developers PC

17. We need to create a new database for WordPress. Look for the “MySQL localhost” section and you should see some boxes, and on top it says “Create new database”. That is what we need.

12616 14 Custom How to: Install Wordpress for a Developers PC

18. On the box on the left, your will enter a database name. You can name it whatever you want. I will call it “wordpress_test”. Then, on the next box, your will see a list of options. Scroll to the end and select “utf8_unicode_ci”. We are going to use this option because it supports expansions and ligatures. Click Create.

12616 15 Custom How to: Install Wordpress for a Developers PC

19. You will be notified that the database “wordpress_test” has been created.

12616 16 Custom How to: Install Wordpress for a Developers PC

20. Now, go inside xampp/htdocs/wordpress (for example C:xampphtdocswordpress) . Then, we need to setup up wp-config. This is to configure wordpress to fit our database, username etc. Many people are familiar with this step.

87681 17 Custom How to: Install Wordpress for a Developers PC

22. Rename the “wp-config-sample.php” to “wp-config.php” so WordPress will recognize your config file (Depending on how you’ve set up Windows, the .php may or may not be displayed. If wp-config-sample doesn’t show it visibly, don’t add it on to the wp-config when you rename it). Open the file you have just renamed (wp-config) with your favorite text editor (e.g. Notepad, not Microsoft Word!).

87681 18 Custom How to: Install Wordpress for a Developers PC

23. Now you will need to change these parts of the wp-config.

87681 19 Custom How to: Install Wordpress for a Developers PC

24. So, inside the DB_NAME to the right you will see ‘putyourdbnamehere’. That is where we will put our database name. Delete the putyournamehere (without deleting the apostrophe) and put “wordpress_test” (remember that is what we called our database in phpMyAdmin).

In the same way, put “root” in the DB_USER part. Then on the next part (database password), leave it blank, since we haven’t set a root password for our MySQL.

We will also not change any part of the DB_HOST because localhost is what we want and it is already localhost. This is just a test site, so no other configuration is needed here. Now, we are done with the configuring. It will be easier to understand what I am saying by the illustration below.

87681 20 Custom How to: Install Wordpress for a Developers PC

25. Save and close the file (wp-config.php). Next, open your browser and go to “http://localhost/wordpress/”. Hooray! It worked. You will see this screen and once again, many people are pretty familiar with this process. Put your blog title and email and click “Install WordPress”

87681 21 Custom How to: Install Wordpress for a Developers PC

26. Success! You will be notified that WordPress has been installed. You will get your username and random password. Copy the password and click “Log in”.

3a557 22 Custom How to: Install Wordpress for a Developers PC

27. You are now in the login page. The username is admin and paste the password. Don’t worry about memorizing the password as we will change it.

3a557 23 Custom How to: Install Wordpress for a Developers PC

28. Success again! We are in the wordpress dashboard. The very first thing you might want to do is change the password. On the red bar, click on the “Yes, Take me to my profile page”.

1c122 24 Custom How to: Install Wordpress for a Developers PC

29. Scroll down and change your password, then update profile.

1c122 25 Custom How to: Install Wordpress for a Developers PC

30. Yes, now you are all set. When you go to http://localhost/wordpress. You should see your blog with the default theme Kubrik.

1c122 26 Custom How to: Install Wordpress for a Developers PC

31. You are done. There are a few other things I would like to remind you. In the XAMPP Control Panel , Apache and MySQL have to be running. You don’t need FTP to change stuff in wordpress. Just go inside xampphtdocswordpress and change everything there. For example, if you want to add themes, just go inside wordpresswp-contentthemes and put your themes there.

1c122 27 Custom How to: Install Wordpress for a Developers PC

32. There you go. That wasn’t too hard. You can now master WordPress without worrying about breaking your website and you will also save some valuable time. Go celebrate!

Then, come back and you are free to experiment with WordPress any way you like. Try out new posts, themes, plugins and explore the wonderful world of WordPress.

1c122 28 Custom How to: Install Wordpress for a Developers PC

If you have any problems or want to ask a question, feel free to comment below. I will try my best to answer your questions.

I would also appreciate it if you commented what you are going to use WordPress in localhost for.