HOW TO INSTALL WORDPRESS ON XAMPP SERVER

xampp control panel

INSTALL WORDPRESS ON XAMPP SERVER

Xampp server is an open-source web server that was developed by Apache Friends. We will be using it to install WordPress in this ‘install WordPress on xampp server guide’. It is made up mainly of Apache, MariaDB database, and it has interpreters that can decode PHP and other programming languages.

Xampp stands for

x – all operating system

a – Apache

m – Mysql or MariaDB

P  – PHP

P – Perl

In this guide, we are going to install the Xampp server and then install WordPress on our Xampp server. This will enable us to test out our WordPress website on the local server before we push it to the web by migrating from our local environment to a live environment or by using git and GitHub. More on these in a later blog post.

INSTALL WORDPRESS ON XAMPP SERVER

To download Xampp, visit this url https://www.apachefriends.org/download.html. Download xampp for the version of the operating system you are using. For me. I will download Xampp for windows.

Run xampp installer and click next at the setup screen.

xampp setup

Next, select components and then click on next. Most often, you will not need to select any components as they have all been selected for you.

Now select your installation folder. By default, you get the C drive to install to. Choose this if you have not already installed xampp in the C drive before.

xampp installation folder

Once installed to the directory of your choice, click Finish to exit the installer.

Now, to install WordPress on xampp, download WordPress from https://wordpress.org. Download the latest version of WordPress which is WordPress 5.3.2 as at the time of this writing by clicking on ‘get WordPress’.

  • Open up xampp control panel. This can be found on windows by clicking the start button and searching for xampp control panel. Once opened, click on the start button next to Apache and Mysql modules. The modules will display green if all goes correctly. If there are red errors, please let me know so that we can troubleshoot the issue. However, the most common culprit is an already installed apache and MySQL server. You may need to uninstall all other instances of Mamp, wamp servers e.t.c

xampp control panel

Now, click on admin besides MySQL so that we can create a database using the automatically opened PHPMyAdmin link in the browser. Click on new. You could name your database whatever you like. For me, i will name it wpexplode. Then click create.

create_database

Once created, go back to xampp control panel and click on explorer. Click on htdocs to open it.

Go back and locate the zipped WordPress file that was downloaded earlier. Unzip it and move it to this htdocs folder. Rename the unzipped WordPress folder to ‘business-site’. 

Now go to http://localhost/business-site on your browser.

You should see this familiar looking screen.

image

Select your desired language. Since I use English, I will select English and click continue. The next screen informs you that a wp-config.php file will be created for you. This is important because this file contains your credentials to connect with the database and store data in the database. Click let’s go to get this process going.

create wp-config file for wordpress

In the screen that follows, you will be required to put in all the necessary information that will make up your wp-config.php file.

You should put your database name, your username should be root with no password and the host should be localhost. Remember that we are working in the local environment.

Table prefix can be wp_, or a prefix you like. An example will be we_ for wpexplode. This table prefix is important to avoid clashes as a result of naming different tables exactly the same.

wordpress database connection details

Next, click on submit. At this point, you will be asked to run the installation. Please do!

Now, WordPress needs some information to build your site. Enter in your website title. Also, enter the username and password of an account that will have access to the WordPress dashboard.

Note that you do not want search engines to index your site now since it is still in the development stages, so tick the option to discourage search engines from indexing our website. Later on, we will create a sitemap, submit it to some notable search engines like bing and google and allow these engines to index or crawl our websites so that our contents can be visible on the web.

information needed

Go ahead and click on install WordPress. You should get a success message.

Now login to your WordPress installation using the username and password you indicated above to get access to the dashboard.

Hurray! you have successfully hosted WordPress on your local instance and are now ready to begin the development of websites on WordPress for your clients.

wordpress dashboard

THREE WAYS TO DEVELOP WORDPRESS WEBSITES FOR YOURSELF OR YOUR CLIENTS.

  1. Write code yourself. This is a very flexible method that allows you to design web pages according to the exact needs of your clients. You, however, need to know PHP, HTML, CSS, and javascript.
  2. Purchase page builders and themes like Elementor and the Astra theme. This is another very excellent way to build web pages fast for your clients.
  3. Purchase other standalone themes and child themes for your websites.

As a developer, you can guess rightly, that I develop my webpages myself. However, there are times I go for extra speed and opt to use Elementor and the Astra theme or OceanWP theme.

So, I will continue on my journey to make you understand the core functions of WordPress. We will build themes and some plugins from scratch and later on, we will use the Elementor and other page builder software including themes that will make our lives a lot easier. But for now, let’s try to understand WordPress and all the great things we can do by knowing how to code WordPress itself.

If you are me, let’s get started.

TEXT EDITORS OF CHOICE

For me I use just three (4), text editors, namely:

  1. Visual Studio code editor
  2. Sublime text
  3. Bracket
  4. Atom

My text editor of choice is purely my personal opinion and has nothing to do with how one editor is better than the other. Thus, my editor of choice is as stated above in descending order.

Today, I only use the visual studio code and sublime.

In my next post, we will begin to write some code to explore fully the functioning of a WordPress website. So please stay tuned!

 

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest

Leave a Comment

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

Scroll to Top