How to install Xampp on Windows for WordPress and point to project folder

Installing Xampp on Windows

Xampp is a development tool that allows web developers and programmers to test their work locally before uploading it to the internet. It’s a great tool for testing popular web applications like WordPress, Joomla, Drupal.

Before we start, it’s important to know that Skype can conflict with Xampp and create a problem because it uses some of the same ports Xampp uses. So, first step:

  1. If skype is already installed on your machine, be sure to uninstall it before installing Xampp to avoid problem mentioned above.
  2. Go to http://www.apachefriends.org/en/xampp.html
  3. Click Xampp for Windows: http://www.apachefriends.org/en/xampp-windows.html
  4. Scroll down to Xampp for Windows
  5. Click the Installer (http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/1.8.0/xampp-win32-1.8.0-VC9-installer.exe/download). I think it’s the only installer on the page.
  6. When the installer asks, you must save Xampp to a folder right on the C:Drive (i.e., C:/Drive/xampp). It will start installing. Follow prompts.
  7. Reboot your computer. This will allow Xampp to hook port 80 before the windows http.sys system file loads.

Install WordPress into Project Folder

  1. Create a project folder on your machine (i.e, Websites/AFT/wordpress)
  2. Download latest WP version from wordpress.org
  3. Extract/Install WP to the folder you want to point to. Keep track of the exact path of where the WP files are. (Note: WP puts the files into a folder two levels deep so I like to cut the files and paste them right into wordpress folder.)

Point Xampp to Current Project Folder

  1. Open the XAMPP Control Panel under Start | Programs | XAMPP or if you asked the installer to add a shortcut to your desktop, use the shortcut. You can use the XAMPP Control Panel to start/stop all server and also install/uninstall services.
  2. Click “Config” button next to Apache and choose the httpd.config option.
  3. In config file, scroll down to: DocumentRoot “C:/xampp/htdocs”
  4. And change it to (you’re commenting out original and replacing with this):
  5. #CHANGE THIS LINE TO POINT TO YOUR PROJECT FOLDER*****
    #DocumentRoot “C:/xampp/htdocs”
    DocumentRoot “C:/Users/Karen/Documents/Websites/clientname/wordpress”

    (this is where you want to type in the path to the project you’re working on).

  6. Scroll down about 20 lines and go to the section: Directory “C:/xampp/htdocs”
  7. And replace with:
  8. #CHANGE THIS LINE TO POINT TO YOUR PROJECT FOLDER******
    Directory “C:/Users/Karen/Documents/Websites/clientname/wordpress” (be sure to keep the <> around this line. WP just won’t display them here.)

    (type the path of the project folder. It must be the same as above so copy and paste. )

  9. Click File > “Save”
  10. Go back to Xampp control panel. Start Apache (click Start) – On the bottom it should say “running”
  11. Start MySQL (click Start) – On the bottom it should say “running”
  12. If they’re both running, stop them and start them again.
  13. Open browser and go to http://localhost/ or http://localhost/wp-admin/. You should see the WordPress set up waiting for install.
  14. Open another tab and go to: http://localhost/phpmyadmin/
  15. Click Databases on top left to create a new db.
  16. In “Create db field”, type in a database name: (e.g., wp_clientname)
  17. From drop down, choose “utf8_general_ci”
  18. Click “Create” button.
  19. Now go back to WP install tab and finish the WP install by entering:
  20. DB name – must be same as you entered for db name in phpmyadmin db (e.g., wp_clientname)
    UN: root
    PW: leave blank as is.
    Table Prefix wp_ – keep as is.

  21. Follow prompts.
  22. Should be good to go.
  23. Install Skype
  24. Repeat this “Point Xampp to Current Project Folder” section each time you change projects/folders.

Thanks to John at Country Computer Service in Vernon, FL for his wonderful computer tech support with this.

If you have any questions about (or success with) this, please post below.

Leave Your Response

* Name, Email, Comment are Required

Popular Posts