WordPress Tutorial: A Complete Guide For Beginners – How to

WordPress Tutorial Guide For Beginners is a complete and step by step guide for beginners that will help them to learn from very scratch in an easy language. If you are searching an easy and step by step WordPress Tutorial guide, then you will come to know that this article is best for you. Because we use easy language and try our level best to create articles that are easy to understand and follow.

First of all, you should be little aware of what actually the WordPress is? If you don’t know, then don’t worry we have an article that will help you out to understand “what the WordPress is?” in a very clear and precise way. First read the below article to get some knowledge about WordPress and come back:

WordPress tutorial guide - step by step

How To – WordPress Tutorial Guide:

Click to know: What is WordPress?

Now if the concept about WordPress is clear, then we can move forward to the rest of the guide. Now, we can say that you have a little bit knowledge about WordPress.

The next thing to keep in mind is that “The WordPress is a Content Management System (CMS)” which allows you to manage your content of website easily. The content can refer to anything like theme, plugins, images, posts, pages, categories, tags etc. If you want to know more about CMS, then go ahead with the following link:

What is CMS (Content Management System)?

Next step is to get information about versions of WordPress. There are two versions of WordPress i.e WordPress.com and WordPress.org. You will get to know and learn both versions of WordPress. Firstly, in order to learn WordPress.com, you have to go on an article which will guide you about WordPress.com by following the below link:

What is WordPress.com?

To know what is WordPress.org? you have to go on:

What is WordPress.org?

So, moving forward to the rest of the article. Firstly, you should know how to setup a local server on your PC. The question should be, why we need it? The answer to this question is simple, if you don’t have a website and domain, then localhost will help us out of this issue. The local server will help us to learn WordPress as like as we are working on our own domain and hosting. Here, your domain will be localhost and your hosting will your own PC. So, at this stage we don’t need any website, if you don’t own it yet. Also, it is better to work on localhost as novice (newbie) user because you might do some mistakes in the procedure of learning.

1. Setting up Localhost for WordPress:

First of all, you have to download a server for your PC. There are many local servers that can be installed on your PC to make it a local server i.e Xampp, Wamp etc.

Both servers are easy to use and free to download. But here we will be working with Xampp. Here are the links we have collected for you where you can easily download this server. Follow the steps below:

Installing and setting Xampp:

a. Download Xampp HERE:

installing xampp

b. Run the installation wizard or setup. If you are windows user, then you will see the below screen. Click the Next button to proceed.

Xampp setup welcome screen

 

c. In the next window, you will be asked to install components using check boxes.

Here, we are going to learn about WordPress. So, Apache and PHP are essential to be installed and we can’t do anything with because they both are disabled.

You have to check the phpMyAdmin and MySQL and uncheck all the other components that are not essential for WordPress. In last, click Next.

Select Xampp Components

d. After that, a window will appear and ask you about the directory where you want to install the Xampp. Here, i am installing it in the folder: C:\Program Files\XAMPP.

installation-path-for-xampp

e. On the next window, uncheck “Learn more about Bitnami” and proceed onwards by clicking on Next button.

bitnami-for-xampp

 

f. After all these steps, Xampp is ready to be installed on your machine, click Next.

xampp installation

g. Once installed, it will ask you to open the Xampp control panel. It is OK, let it be checked and click Finish.

control-panel-xampp

Now, we have to set up our Xampp control panel. It should be automatically opened, if not, then you might have unchecked the option in the last window that appeared. Don’t worry, Go to your Xampp installation directory or use Start menu and search for the Xampp control panel. Click it to open Xampp Control Panel.

xampp-control-panel

All the process of installing Xampp server went smooth with the green and blue text in the bottom portion of the window. But there is a little bit in it.

The red text in the window are due to port conflict and they are easy to be resolved.

Fixing the port conflict issue in Xampp:

This issue usually occurs because somewhere the port which is 80 or 443 are being utilized by other programs or services running in your machine.

If you are using Windows 7, then it is most probably messengers like skype or any other. Uninstall them and again open Xampp, it will fine now.

If you are using Windows 10, then World Wide Web Publishing Service is using your port address 80, you have to stop it or even delete it. Follow the step below to stop the services from using port 80.

  1. Go to Start and open “services.msc” by typing it.
  2. Scroll down in the Services window and find World Wide Web Publishing Service
  3. Right click on it and select Stop
  4. Tada, it’s done. You have freed your port 80.
  5. Restart your XAMPP, it will be running without red errors.

If the issue is not resolved yet. Then follow the alternative method to free your ports 80 and 443.

  1. Open Windows Firewall on your machine and > click on “Advanced Settings” on the left
  2. Click on “Inbound” on the left then on the right click “New Rule”
  3. Click “Port” and then “TCP”. In the field below for “Specific Ports” type in “80, 443” and click Next
  4. Check the box of “Allow the Connection” then click Next
  5. Check all the options and click Next
  6. In the name field, enter anything, but for consistency, type LOCALHOST1 and Click Finish
  7. Now repeat steps 1-6, but change the name and name this new rule LOCALHOST2 and click Finish
  8. Restart your computer

This method will surely resolve the port conflicting issue of Xampp that was occurring before.

Running XAMPP:

Now open XAMPP control panel and start the services of  Apache and MySQL by clicking on the buttons beside the text of it Start.

Xampp port conflit issue resolved

Excellent! You XAMPP is working fine. Now your machine is acting like a local server where you can practice PHP and also use WordPress.

If you want to check that your server is up and running.

How to check XAMPP up and running:

Open up any browser and type: http://localhost and hit enter. A window showing xampp page will open up, it means XAMPP is up and running successfully. Cheers!

Installing WordPress:

Before installing WordPress, you should be aware of your local server which is Xampp. Go to the directory where you have installed your Xampp, I have installed it in C:\Program Files\XAMPP. So, my local host directory inside my installation folder i.e. “htdocs” where i will be working is C:\Program Files\XAMPP\htdocs.

Now moving towards installation of WordPress. This below steps and WordPress tutorial will help you out with ease. To install WordPress, we will have to follow simple 5 steps:

1. Download latest version of WordPress from WordPress.org

2. Unzip and place those WordPress folder inside htdocs

3. Create a MySQL database

4. Configure WordPress and connect to database

5. Run the WordPress script

1. Download WordPress:

First of all, you have to download latest version of WordPress from WordPress.org.

2. Unzip and place WordPress inside server:

install wordpress inside local server

3. Create a MySQL database:

Now, we have to setup and create our database that will be used in WordPress. Open your browser and type “localhost/phpmyadmin” and hit enter.

You will get following screen, follow the step shown in the images to create MySQL database. I am naming my database “table”.

setup sql database

setup sql database wordpress

 

4. Configure WordPress and connect to database:

In order to configure WordPress, we have to create a wp-config.php file. But here, it will generated automatically with mouse clicks. Follow the step to configure WordPress.

configure wordpressIf you have followed the above steps, then your WordPress is configured but not yet connected to you database which was created previously. Follow the below steps to connect WordPress to database.

connect wordpress to database 1

Now, you have to fill in the information required in the next step. The information which is required is described below:

  • Database Name: It should be same as we have used earlier, I used “table” but you have to enter what you gave it in the previous step. If you gave the same name as I have used, then it’s with “table” inside Database Name.
  • Username: It is “root” by default as per MySQL user name.
  • Password: The password should be left blank if you haven’t mentioned it at the time of creating your database otherwise type the same one if you have mentioned it earlier.
  • Leave the other fields as they are.

connect wordpress to database 25. Run the WordPress script:

It is the last step towards WordPress installation. Just you to follow the below steps mentioned in the images and your WordPress will be installed and ready to use.

run wordpress script

 

Final Touchup:

Congratulations, you have installed WordPress successfully. Just login to test it.

run wordpress successfully

NBJokhio

I am Muhammad Naveed Baig Jokhio, the CEO and Founder of Crispylogs, I am doing Graduation from MUET in Computer Systems Engineering. I am a professional Article Writer, Web enthusiast, WordPress lover, a passionate Graphics Designer, Technology geek, Programmer and a Researcher.