install WordPress on XAMPP

The first step in any WordPress website building process is installing WordPress locally on a Windows or Mac computer. If you need a development site for testing or other purposes, this is a great option. WordPress localhost installation is the next step. Localhost refers to your Windows or Mac device.

Installing WordPress on your PC allows you to experiment with the platform, test themes, plugins, and learn how to develop.

A localhost server app is required to install WordPress locally. You can use a variety of localhost server apps. Examples include WAMP, XAMPP, Local by Flywheel, and Desktop Server.

XAMPP is free software that replicates a web server and allows you to run WordPress on your computer. This enables you to build your website on your computer before publishing it on the internet.

After you’ve set it up, you can create a new WordPress installation with a few clicks.

In this post, we’ll show you how to install WordPress on XAMPP.

Before we go into the “how to create a local WordPress site.” Let’s look at why we should create a local WordPress installation

Why would you want to create a WordPress website locally?

It’s common among developers and site owners to create local WordPress sites. It allows you to test WordPress without having to create a live website.

You can see local websites only on your PC. You can experiment with various WordPress themes and plugins. Also, test their functionality and learn the fundamentals of WordPress.

If you already have a WordPress website, you may make a local copy of it on your computer. This is done to test out new plugin updates before putting them live.

Important: You will only be able to see the local website on your computer. You’ll need a domain name and WordPress hosting if you want to create a live website.

Essentially, creating a local website allows you to ensure that you have a working website model on the live server from the start. It’s a great alternative if you want to test the functionality of your website before releasing it to the public.

Benefits of installing WordPress locally on your pc before making it live:

Provides flexibility and saves time:

It takes time to build a new WordPress website from the ground up. Suppose you used a method of installing and configuring WordPress on a live server. You’d have to spend hours on the internet to get your website up and running.

If you choose local installation, you will only need an internet connection when you wish to publish the website.

Minimizes downtime:

You can’t afford to make major changes to a live website, such as changing the theme. This could cause your website to crash. As a result, your website’s uptime and reputation will suffer.

The better method is to test offline first, then go live after thorough testing.

More rapid development:

Installing WordPress locally allows you to quickly test plugins and themes. And you may do so without causing any problems with your live site.

What exactly is XAMPP?

Image showing XAMPP

XAMPP is a software package that comes with everything you’ll need to set up a local server on your PC.

You’ll need to install web server software (Apache), PHP, and MySQL on your PC. Do this to establish a local WordPress site.

MySQL is a database management system, and PHP is a computer language. Both are essential for WordPress to function.

For beginners, installing each of them separately is quite challenging. Here’s when XAMPP comes in handy.

XAMPP makes it simple to create WordPress websites on your local machine. It is compatible with PCs running Windows, Mac OS X, and Linux. You may install it on your laptop or desktop to replicate an actual web server.

It’s an open-source Apache server distribution. It includes MariaDB (previously MySQL), PHP, and Perl for free. This is why it is the most widely used PHP development environment.

The acronyms of XAMPP stand for the following:

  • X — cross-platform (X), as it supports many operating systems
  • A — Apache HTTP Server
  • M — MariaDB (MySQL)
  • P — PHP
  • P — PERL

Apart from the main components stated above, XAMPP includes important extra utilities. Such as-

  • Mercury mail server
  • phpMyAdmin for database administration
  • Webalizer for web server log analysis
  • OpenSSL
  • Apache Tomcat for Java code execution
  • FileZilla FTP server

How to install XAMPP and WordPress on Your Computer?

Step 1: Download and Install XAMPP

To begin, go to the XAMPP website and select your operating system from the drop-down menu.

Image showing how to download XAMPP

Your installation procedure and application interface may differ from the screenshots shown, depending on your operating system. Here, the Windows version of the software is discussed, for example.

You must click and run the installer after downloading XAMPP.

Image showing how to download XAMPP

XAMPP will ask you where you want to install the software and the packages you want. For the most part, the default settings will work. To complete the setup procedure, keep pressing the ‘Next button.

After completing the process, select the option to “start the control panel now.” Then click the “finish” button.

Image showing how to download XAMPP

As a result, the XAMPP control panel app will launch.

You can run Apache web server as a local server and MySQL as a database server with the XAMPP app. Go ahead and start both Apache and MySQL by clicking the start button next to them.

Image showing how to download XAMPP

XAMPP will now start Apache and MySQL. You may see a Windows firewall message. In order for both applications to execute on your computer, click the ‘Allow Access’ option.

Image showing how to download XAMPP

Their names will highlight in green once both apps will launch.

You may now use XAMPP to create a local website and install WordPress.

Installation Note 1: Deactivate User Account Control (UAC) in Windows Settings.

Windows may prompt you with a User Access Control (UAC) warning. There’s nothing to be concerned about. Avoid installing XAMPP in your Program Files directory. As because UAC may interfere with XAMPP’s ability to write to this directory. C: XAMPP is the default installation directory. So, if you don’t make any changes, you should be fine.

Microsoft Windows support is a decent place to start if you want to learn how to disable UAC. Note: NOT ADVISED UNLESS ESSENTIAL.

Installation Note 2: Deactivate Antivirus and/or Firewall for the time being.

Some antivirus and firewall products can interfere with the installation of XAMPP. If this is the case, it is recommended that you deactivate them until XAMPP is successfully installed.

Step 2: Launch the modules and test your server from the Control Panel.

The XAMPP Control Panel has a simple user interface that lists all your local server’s modules. With a single click, you may start/stop individual modules, access their Admin area, Config files, and Logs. It also displays all your actions and errors in the bottom section (if any).

You’ll need to run two modules to install XAMPP and WordPress:

  • Apache
  • MySQL

Both modules can be activated using the XAMPP control panel.

Image showing XAMPP control panel

When you launch them, their status should change to green.

Image showing XAMPP control panel

You should now be able to verify that your local server is operational. Do this by visiting http://localhost/ in your preferred web browser.

Image showing XAMPP control panel

If everything went smoothly, you should now have a working XAMPP server on your Windows PC. But now is the time for XAMPP and WordPress to be installed. So, here’s how to set up a WordPress site with XAMPP.

Step 3: Insert the WordPress files

The rest of the process should be familiar if you’ve ever manually installed WordPress. To begin, go to wordpress.org and download the most recent version of WordPress.

Then, in Windows, go to the location where XAMPP was installed. Mostly it’s C:/xampp, or it should be something similar. Then look for the htdocs subdirectory in that folder.

Image showing how to insert WordPress files in XAMPP

Create a new folder for your test site in htdocs. This folder name will be used to access your site as a sub-name. If you create the folder test site, for example, you can access your site via http://localhost/testsite.

Extract the WordPress.zip file you obtained from wordpress.org into the folder you just created.

:

Image showing how to insert WordPress files in XAMPP

Step 4: Create a WordPress database

The next step is to set up a MySQL database for your WordPress installation. To do so, go to your XAMPP control panel and run PHPMyAdmin.

Image showing how to create WordPress database in XAMPP

Then, at the top, select Databases.

Image showing how to create WordPress database in XAMPP

Then give your database a name and click Create. Your name can be anything you choose, as long as you remember it for the next step.:

Image showing how to create WordPress database in XAMPP

When you install XAMPP and WordPress, you don’t have to bother about creating a database user. Unlike when you install WordPress on a live web server.

Step 5: Using the on-screen installer, install WordPress locally.

You should see the standard WordPress installer when you go to your test site. Keep in mind that your test site’s URL is http://localhost/FOLDERNAME.

Image showing how to use the on-screen installer

The database details are the only part of this process that differs from a standard install. When you get to the database information, type it in this way:

Database Name = Name of the database you created in PHPMyAdmin

Username = “root”

Password = leave blank

Image showing how to use the on-screen installer

Then proceed with the rest of the WordPress installation as usual.

When you’ve finished, you should be able to see your brand new WordPress installation operating smoothly on your localhost.

Image showing how to use the on-screen installer

How to Install WordPress using XAMPP on MAC OS?

While the steps are nearly identical, there are a few changes to be aware of.

To begin, instead of clicking on the ‘XAMPP for OS X’ tab on the homepage, go to the ‘Download’ section. Click on the ‘Click here for other versions’ link.

Image showing how to install XAMPP on Mac

The default download file after clicking on the ‘XAMPP for OS X’ may not work in some circumstances. As a result, it is suggested that you choose a different download file version.

Scroll down to the ‘XAMPP for OS X’ section on the ‘other versions’ page.

Image showing how to install XAMPP on Mac

Select ‘More Downloads’ from the drop-down menu.

You will be sent to a third-party website.

Image showing how to install XAMPP on Mac

Choose ‘XAMPP Mac OS X’ from the drop-down menu.

Then select ‘7.4.11’ from the drop-down menu. The maximum number of downloads per week will be available with this choice.

Image showing how to install XAMPP on Mac

There are two versions of the app now.

‘xampp-osx-7.4.11-0-vm.dmg’ is the first, and ‘xampp-osx-7.4.11-0-installer.dmg’ is the second.

Image showing how to install XAMPP on Mac

Choose the ‘installer’ option.

Double-click the picture to begin the installation procedure once the download is complete.

Image showing how to install XAMPP on Mac

Drag the XAMPP folder into the Applications folder after that.

That is all there is to it. XAMPP is now installed in the /Applications/XAMPP folder.

XAMPP should be double-clicked. You’ll be asked if you want to open the application. Select ‘Open’ from the drop-down menu

Image showing how to install XAMPP on Mac

The installation procedure will begin. You can proceed to the next steps, which are self-explanatory and are outlined below.

Image showing how to install XAMPP on Mac

Image showing how to install XAMPP on Mac

You can select or deselect the components you want to install in the dialogue shown above.

If you like, you can uncheck the ‘XAMPP Developer Files’ box. The ‘XAMPP Core Files’ option is required and will be selected.

Image showing how to install XAMPP on Mac

Image showing how to install XAMPP on Mac

Image showing how to install XAMPP on Mac

Image showing how to install XAMPP on Mac

Image showing how to install XAMPP on Mac

After the installation is complete, click the ‘Finish’ option to start XAMPP.

As demonstrated, this will open the application window.

Image showing how to install XAMPP on Mac

To see if your installation went smoothly. Click on ‘Go to Application’ or type ‘http://localhost’ into your browser.

Image showing how to install XAMPP on Mac

You have successfully installed XAMPP on your local Mac computer if you find the above page.

Image showing how to install XAMPP on Mac

Return to the main application window and select the ‘Manage Servers’ tab.

You will note that by default, the ‘Apache Web Server’ is operating. You might not be able to visit the localhost page if this isn’t running. All you have to do to start the service is click the ‘Start button. Similarly, click the ‘Stop’ button to stop the Apache service from functioning.

We would also recommend that you start the ‘MySQL Database’ service.

The next step is to install WordPress after we’ve installed XAMPP on our local PC.

Things to Try After You’ve Created a Local WordPress Site

You can now work on your local WordPress site using XAMPP in the same way that you would on a live WordPress site.

To customize the appearance of your site or install a new theme, navigate to the Appearance menu in the WordPress admin sidebar.

WordPress plugins are the next thing you should try.

Plugins are similar to apps for your WordPress site. Plugins allow you to add cool features such as a contact form, social media buttons, an eCommerce store, and so on.

Conclusion

Installing WordPress on your computer is a relatively simple procedure. Even the most seasoned developers begin by installing WordPress locally before migrating it to the cloud.

As you can see, XAMPP is sufficient for a successful WordPress installation on a localhost server. Once you’ve figured out how to set up XAMPP and WordPress for the first time, you’ll be able to rapidly create new testing sites anytime you need them.

And now that we’ve covered how to use XAMPP to establish a local WordPress site on both Windows and Mac, we’re thinking you’ll have no trouble following along.

We hope this post helped you learn how to use XAMPP to establish a local WordPress site.

Load More Related Articles
Load More By Susana Taylor
Load More In How to

Leave a Reply

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