How to Install XAMPP and WordPress Locally on computer/Windows

Posted on Posted in PHP

Installing XAMPP on your Windows computer is by far no easy feat, let me explain you! However once it’s installed, it’s a very easy to run and will save you a lot of time if you need to run WordPress locally.

Having a localhost setting is an important part of my WordPress workflow – I couldn’t do my job without it. I repeatedly set up new installs of WordPress to test and take part in with new WordPress versions of plugins and themes.

The best thing about running a localhost setting up is that your test site will run much more fast than it otherwise would online, but if you want to ensure it continues to run at best possible speed, be sure to set up and activate Hummingbird on your install.

A localhost setting up is also more secure and provides a perfect testing atmosphere on our computer, away from interfering eyes or web hackers.

Note: If you’re still having trouble installing XAMPP, let us help!  We can help you with any WordPress issue, big or small. It doesn’t matter what time it is or whether it’s the weekend, our team is available 24/7.

What is XAMPP?

XAMPP stands for cross-platform, Apache, MySQL, PHP and Perl. It’s a simple and best solution that allows you to create a local web server for testing purposes.

Since XAMPP is cross-platform, it also works on Linux and Mac, however today we’re going to focus on how to set up XAMPP on Windows 10.

WordPress isn’t a stand-alone application and requires server software in order to run. XAMPP provides the necessary atmosphere required to run WordPress on a local computer.

Installing XAMPP

Go to the Apache Friends website and download XAMPP.

xampp

The Apache Friends website.

The XAMPP file is 118 MB. Once downloaded, launch the installer.

During the install process, you may get warnings such as Windows asking you if you’re sure you want to install the software and the installer prompt you about antivirus software. But you most likely want to click “Yes” to continue with the install.

antivirus-alert

xampp-location-alert

The XAMPP setup wizard will guide you during the installation. Click Next.

Xampp-Setup-wizard

The XAMPP setup wizard.

In the next window you will be asked to select which components of the software you would like to install and which ones you don’t want. Some options, such as Apache and PHP are important to running the software and will at automatically installed, so they are greed out so you can’t select them.

It’s up to you which components you want to install. Since we want to run WordPress in our localhost atmosphere, leave MySQL and phpMyAdmin checked and uncheck the remaining options.

select-installation-components

Choose the options you want to install.

Next, select the folder where you would like to install XAMPP on your computer. I’m going to create a new folder in C:\XAMPP.

xampp-installation-folder

Enter the path where you would like to install XAMPP.

In the next window, you’ll be asked whether you would like to install Bitnami for XAMPP, which offers free tools for installing WordPress, Drupal and Joomla! on top of XAMPP.

Since we’re going to install WordPress manually later in this turorial and don’t need free installers, untick “Learn more about Bitnami for XAMPP” and click Next.

Bitnami-for-xampp

We don’t want to install any free installers.

After going through all those initial installation steps, XAMPP is now finally ready to install. Click Next.

Xampp-installing

Almost there…

Once installed, you’ll be asked whether you would like to start the XAMPP Control Panel, which provides an interface for running your localhost environment. Leave this option ticked and click Finish.

completing-the-xampp-setup

The installation process is quick and painless, though it’s not uncommon for Windows to throw up warnings every now and then.

The Control Panel will automatically open, but if you unchecked the option in the prevous window, you can go to the XAMPP folder on you computer and open XAMPP Control Panel instead.

If the installation process went well and everything is running smoothly, the control panel will open with black and blue text updates at the bottom. But if there are issues…

Xampp-control-panel

Gah! Errors!

… Well, look at that – red text! It looks like I’ve run into some errors already. Not to fear, it looks like a port conflict.

Fixing Port Errors

The main reason why XAMPP throws up errors like this is due to another program on your machine using ports 80 or 443 – the ports Apache and MySQL need in order to run.

If you’re using Windows 10, World Wide Web Publishing Service is most likely using post 80. This program, which is for Internet Information Services (IIS) for Windows® Server, comes pre-installed and if you’re not using it, you can simply stop the service running on your machine or even delete it.

To stop the service running, do the following:

  1. Go to Start, type in “services.msc” and select the best match
  2. Scroll down in the Services window to find World Wide Web Publishing Service
  3. Right click on it and select Stop
  4. This should free up port 80. When you restart XAMPP it should run without errors

If that doesn’t resolve the issue, you can set up a new firewall rule to forceably unblock the ports:

  1. Open Windows Firewall on your machine and > click on Advanced Settingson the left
  2. Click on Inboundon the left then on the far right click New Rule
  3. Click Port and then TCP. In the field below for Specific Portstype in “80, 443” and clickNext
  4. Check Allow the Connectionthen click Next
  5. Make sure all options are checked and click Next
  6. In the name field, enter whatever you want, but for the sake of consistency let’s type inLOCALHOST1. Click Finish
  7. Now repeat steps 1-6, but name this new rule LOCALHOST2 and click Finish
  8. Restart your computer

Ports 80 and 443 should now be open locally on your computer.

Bottom of Form

I should also mention at this stage that if you get any security/firewall warnings while installing or using XAMPP (such as the prompt pictured below), make sure you check “Private networks, such as my home or work network” and click “Allow access.” This is very important. If you don’t allow access, XAMPP won’t work.

windows-firewall

You need to allow access so XAMPP can work.

Running XAMPP

Now, let’s see if everything works smoothly.

If you previously quit the control panel to fix a port issue, restart XAMPP. Then start up both Apache and MySQL.

Xampp-control-panel-final

You have no idea how happy I am to see both Apache and MySQL working, or maybe you do!

Both services are running fine. Excellent!

You can check if your new local server is installed by visiting http://localhost in your browser.

welcome-to-xampp-for-windows

Woohoo! Successfully set up.

Srinivas Katam

Do you need help growing your business? Srinivas Katam is a Digital Marketing Strategist and Consultant with over 200 successful SEO and Social Media client engagements completed. I’ve worked with brands across the world as a digital marketing consultant to deliver revenue growth from content-focused inbound marketing campaigns. He has been partnering with companies like yours for more than 13+ years to provide more traffic with better results. He is an Innovative Marketer who specializes in digital marketing, specifically in social media, SEO and online strategy.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInPinterestGoogle PlusDiggStumbleUponYouTubeRedditDelicious

Leave a Reply

Your email address will not be published. Required fields are marked *