This step by step tutorial will teach you how to setup WordPress locally using Windows XP.
15
Install WordPress locally in Windows XP – (with WampServer)
Thewebsqueeze blog post: The most effective way of managing your website or blog is to be able to perform updates, troubleshooting for errors and optimizing images, codes and scripts in an efficient way. What I do with all the websites that I design and maintain is to have all that process done locally on my PC instead of directly from the hosting server. Not only is the access time faster and convenient, you can also do thorough testing of your website before putting them live online. For that, I created this tutorial on “How to install WordPress locally in Windows XP”.
Requirements
Before we start, let’s check what are the basic requirements that we need for this tutorial?
- Windows Operating System (preferably Windows XP – it is what used in this tutorial)
- WordPress
- Wamp Server
- FTP Client
Setting up WampServer
The great thing about WampServer is it makes our job easier by installing Apache server, MySQL database and PHP all at the same time. Don’t worry about installing or how these will interact with each other.
- Download the latest version of Wamp Server, as of this writing it is of Version 2.0i. (Approximately 16 MB)
- Run the setup process by double clicking the downloaded WampServer2.0i.exe file.
- Click on “Next” and check the radio selection “I accept the agreement” and press “Next”.
- The default path for WampServer is “C:\wamp“. You can change if you want by clicking the “Browse” button but I do suggest you leave this in the default setting and press “Next“.
- Select both “Create a Quick Launch Icon” and “Create a Desktop Icon” and press “Next“.
- Click “Install” to begin with the installation.
- A popup box will appear and ask you to choose your default browser. Please choose your default browser to which the wamp server will be associated. I do suggest that you use Mozilla Firefox as there are so many plugins that you can add to this browser to make your programming world become more interesting and efficient. Click “Yes” to continue.
- “Unblock” the Windows Security Alert if it asks you.
- Just leave the default values as such for the “PHP Mail Parameters” and click “Next“.
- Click “Finish” to exit the setup (Make sure that the “Launch WampServer 2 now” option is checked)
- Now you will see a “speedometer like icon” on the notification area of the taskbar (beside your taskbar clock).
- Just wait for sometime so that the speedometer is full white (Represents its fully ready).
- If your WampServer is fully ready, you can skip the next step and continue reading “Setting Up phpMyAdmin“.
- If it is not, that means some other server service is running at the background that makes WampServer service clashed. Most probably you have window web server (Internet Information Services – IIS) running at the time of the WampServer installation. To solve this, we need to stop the IIS. Same things goes if you want to start IIS services, you must stop the WampServer services.
- To stop the IIS service, go to Start > Run > and type services.msc and hit the enter button. This will opens up a services control panel.
- On your right hand side, navigate and find a service called “IIS Admin“. Right click on it and select “Stop“. This will stop the IIS services.
- Now you can restart your WampServer services by single clicking on the WampServer icon, and select “Restart All Services“.
- You can now see your speedometer like icon in a full white color (Represents its fully ready).
- Your Wampserver is now ready.
Setting Up phpMyAdmin
Setting up your database password
- Single click on the WampServer icon, and select phpMyAdmin.
- Select “Privileges” from the top menu.
- For experimental purposes, we will use the default user i.e. root/localhost.
- Click on the edit privileges button for the user “root” with the “localhost” host. This will opens up the “Global privileges” setting and navigate to the “Change password” portion.
- Type in your preferred password and again to conform them. Click the “Go” button to apply the changes.
- You have successfully set a password for your MySQL database. In order for you to access your database, you will need to supply/remember this password.
Setting up phpMyAdmin configuration setting
- Once you have setup your database password, we need to supply this information into phpMyAdmin as well. We do that by single clicking the WampServer icon and select phpMyAdmin, but you will get the following error.
- Before we do that, we need to create a folder named “config” in phpMyAdmin top level directory (C:\wamp\apps\phpmyadmin3.2.0.1\config)
- Once that folder is ready, navigate to: http://localhost/phpmyadmin/setup/ in your browser.
- The page will inform you that “There are no configured servers” and ask you to create a new server. Click on the “Create Server” button.
- This will bring you to the “Add New Server” configuration page. If you are not in the “Basic settings” menu, then select “Basic settings” from the top menu.
- Don’t bother about other things on the form. We just need to set our database password that we created earlier in this tutorial. Find a field name “Password for config auth” and throw in your password in that field and click the save button.
- This will bring you to the page where the config file will be automatically generated (in your C:\wamp\apps\phpmyadmin3.2.0.1\config) but first, you have to make sure you click the save button again to make sure the config file generated successfully.
- Once you have saved it, go in to your config folder that you created earlier (C:\wamp\apps\phpmyadmin3.2.0.1\config). There you will see a file named “config.inc“. What we going to do with this file is we are going to copy them and paste it into our phpmyadmin root directory (C:\wamp\apps\phpmyadmin3.2.0.1). This will override the existing file on that directory. Just click “Yes” to replace them.
- All right… we are almost there! Now let’s test our phpmyadmin. Single click on the WampServer icon, and select phpmyadmin. If you can see the phpmyadmin login page, that means you have successfully setup your phpmyadmin. Congratulation! You can now login with the username: root with your password.
- Attention! For safety and security reason, you need to delete the folder “config” (C:\wamp\apps\phpmyadmin3.2.0.1\config) that we created earlier. Just delete the entire folder will do you no harm. Go ahead and delete them.
- The next step is setting up WordPress but before we do that, we need to prepare the database that will be used by WordPress. Let’s create a database called “wordpress”, and don’t bother about the table creation because WordPress will automatically create for you in the WordPress setup process.
- Ok, we are officially finished with WampServer and phpMyAdmin. Now it is time for us to run the “famous five minute WordPress installation” process. Yes, you’ve heard me! It takes only five minute of your time to install them.
Setting up WordPress
- Download the latest stable copy of WordPress (As of this writing it is WordPress 2.8.6)
- After downloading, extract the files.
- Copy and paste the WordPress folder into your www folder (C:\wamp\www).
- Now, single click on the WampServer icon, and select localhost, or you could manually type this address in your browser address bar: http://localhost/
- As you can see, you have a new project called wordpress (which is the extracted wordpress folder that we copy and paste earlier). If you have more than one project inside the www folder, it will be listed he as well. So it is advisable to create a new folder for each of your project for easy management.
- Click on the “wordpress” project under “Your Projects” in order for us to continue with our wordpress setup. This will bring us to creating our wordpress configuration file.
- Click on “Create a configuration file” and then click on “Let’s Go“.
- Enter the value of database name, username and password (which you give before in the PhpmyAdmin)
- Please remember the database name is the one that we created earlier which is “wordpress” and the username is “root” which is the default user for MySQL database. Don’t touch the “Database Host” and “Table Prefix“. Leave it as such and press “Submit“.
- Now click on “Run the Install“.
- Enter your blog title and e-mail. No need to select the box which says “Allow my blog to appear in search engines like Google and Technorati” since this is a local install.
- Now click on “Install WordPress“.
- Note that password carefully! It is a random password that was generated for you. We will change this later on in the next step by logging in with the information given.
- Now login inside the WordPress using the username “admin” and the password you get from the previous step.(don’t select “remember me“, because we are going to change this password later on)
- Now you will see a reminder notice to change your password as below.
- Now click on “Yes, Take me to the Profile Page“.
- Here you can choose your own password (all the way down the form) along with color schemes, display name, email address, website address, biography and many more. Once you have updated this information, click “update profile“.
- Now you can use this WordPress Installation as same as the one you are having online.
- You can write posts, install themes, test-drive plugins and most probably everything you can do in this local install of WordPress.
- Enjoy blooging!
File Synchronization
Now you have the updated version of your website/wordpress blog in your localhost. It is time for you to synchronize them with the online version.
You could do that in various way, and the most effective userfriendly way that I found so far right for me is by using FTP (provided you have web hosting that allow FTP connection).
We are going to use the most popular FTP application amongst web designer/developer, so far as I know, which is FileZilla (Client).
- Install FileZilla by double clicking the downloaded exe file. After successfully install them, we need to do some
little configuration in order for us to establish a connection to our FTP account/hosting site. We do that by going to File >
Site Manager. This will open a “Site Manager” popup window setting. - Click on the “New Site” button and name your connection “WordPress” or whatever you like. On the right hand side,
click on the “General” tab and put in your website information (Host, Logontype – set to normal, User and Password).
Once done, click on the “Ok” button to save the configuration or “Connect” to start connecting to your FTP account.
You can connect to yor FTP account manually by going to the file menu and again select File > Site Manager, select your
connection and click on the “Connect” button. - As you can see, the window is divided into two section, left and right. Left column represent your local computer
(localhost) and the right column represent your remote site (Hosting). All you need to do is drag your files from the left
column to the right column and your file synchronization process is finished.
Bonus – Why aren’t my Permalinks working?
- You probably used Permalinks, aka PreetyURLs, in your online version of your wordpress. (To learn more on PreetyURLs, I have created a tutorial specifically for learning basic htaccess. Click here to learn) Normally, this feature is automatically enabled by most web hosting but not local WampServer. In order for you to make sure the offline version of your wordpress (localhost) is functioning exactly like your online version of your wordpress, then this is the simple configuration that you should make into your Apache “httpd.conf” file.
- Single click on the WampServer icon, and select Apache > httpd.conf (This is the main Apache HTTP server configuration file. It contains the configuration directives that give the server its instructions)
- The file will be open up in txt format (notepad). We need to make sure that mod_rewrite is enabled. We do this by searching for the text “mod_rewrite” or you can directly find this line of code: “LoadModule rewrite_module modules/mod_rewrite.so“.
- At the moment, this line is commented and we need to throw away the commenting symbol which is “#” in order for our PreetyURLs to be working. Uncomment the line, save the file, restart all the WampServer services and we are done!
This is what I am looking for. A complete guided tutorial and well written step by step.
Thanks for the permalinks tips man.
Just what I need…!!!
Nice through article, thanks!
Nice fill, this helped me a lot in my college assignment. Thanks you on your information.
I very enjoy your own posting type, very remarkable.
Don’t give up as well as keep penning as it simply just good worth to look through it.
Impatient to look into even more of your content articles, have a great day.
what a great site and informative posts, I will bookmark your site. Keep up the good work!
In searching for sites related to web hosting and specifically comparison hosting linux plan web, your site came up.
I really like your writing style, its not generic and extremely long and tedious like a lot of blog posts I read, you get to the point and I really enjoy reading your articles!
Sorry for my bad english. Thank you so much for your good post. Your post helped me in my college assignment, If you can provide me more details please email me.
Good post, but have you thought about Install WordPress locally in Windows XP – (with WampServer) before?
Thanks for best news!
Care to share what template your using….I love the site layout
Its actually a theme from DesignDisease called compositio.
I just sent this post to a bunch of my friends as I agree with most of what you’re saying here and the way you’ve presented it is awesome.
Just want to say what a great blog you got here!
I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!
Thumbs up, and keep it going!
Cheers
Christian