How People Build Websites in 2019

Install WordPress
with Xampp

https://websitesetup.org/

What is Xampp?
What You Need
 A Xampp (Apache, MySQL, PHP and …) bundle
 Xampp for Windows  A suite of the following software
 Apache
 WordPress
 MySQL
 Browser (Mozilla/Chrome would be good)
 PHP

 phpMyAdmin

 Download XAMPP from

 https://sourceforge.net/projects/xampp/files/

GoogleBiz Advanced Institute of IT, Faisalabad.

3
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 GoogleBiz Advanced Institute of IT, Faisalabad.
www/facebook/Skype/YouTube/Info@=GoogleBiz.N 4
et. Phone/WhatsApp:03336525296
 What is WordPress? How To Do

 A blog/website publishing system programmed in PHP  Install Portable Xampp

 Uses MySQL as the backend (database)  Create a database in MySQL with PhpMyAdmin
 A free software to set up blogs  Install WordPress Software
 Download WordPress from  Set up your blog/Website
http://wordpress.org/download/

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
5 6
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296

Select the Apache & MySQL

Set Destination Folder and click “Next” as Service And Click “Install”

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
7 8
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
 The Apache & MySql must be Started
Allow Access if not, You must Click “Start”

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
9 10
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296

Xampp Icon on System Tray Checking the Xampp Installation

Type http://localhost on the address bar

of your web browser. The following
screen appears…

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
11 12
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
 Step 2: Create a database

 Launch PhpMyAdmin
 Create a database named “wordpress”
 Create a user named “wordpress”
 Grant all privileges to the user “wordpress” on the database
“wordpress”

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
13 14
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
15 16
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
17 18
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296

Step 3: Install WordPress

 Extract WordPress files to the “htdocs” folder in Xampp installation
folder
 Open http://localhost/wordpress to setup wordpress
 And enter database name, MySQL username and password.

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
19 20
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
Browse to the “htdocs”
folder

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
21 22
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296

Now Open:
The Second Step
http://localhost/wordpress

Now you can see “wordpress” Installation.

Type your Blog Title, username & Your Mail

Note username
and password

Click Here to log in

Click “Install WordPress”

GoogleBiz Advanced Institute of IT, Faisalabad.
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
23
GoogleBiz Advanced Institute of IT, Faisalabad.
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
24
WordPress Admin Login Your Blog Dashboard

Click on “Visit site” to view your blog

Enter Username and

Password. Click Login

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
25 26
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296

Your Blog is ready !

What’s the Difference Between

WordPress Plugins vs Themes?
Explained

GoogleBiz Advanced Institute of IT, Faisalabad. GoogleBiz Advanced Institute of IT, Faisalabad.
27 28
www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296 www/facebook/Skype/YouTube/Info@=GoogleBiz.Net. Phone/WhatsApp:03336525296
Wondering what’s the difference between WordPress
plugins vs themes?

 In general, you use a WordPress theme to change how

your site looks and a plugin to add or
change functionality on your site.

 As a platform, WordPress is designed to be incredibly

flexible. It’s used to create all types of websites, such as
small one-page landing sites, large e-commerce stores,
and everything in between.

29 30

31 32
33 34

35 36
Install WooCommerce Pages Install WooCommerce Pages

37 38

Install WooCommerce Pages Install WooCommerce Pages

39 40
Install WooCommerce Pages Install WooCommerce Pages

41 42

Install WooCommerce Pages Install WooCommerce Pages

43 44
Install WooCommerce Pages Install WooCommerce Pages

45 46

Install WooCommerce Pages Install WooCommerce Pages

47 48