Scribd
Upload
16 views

Lab-1 (Xampp &wordpress Installation) : Objective

Uploaded by

beamace81
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views

Lab-1 (Xampp &wordpress Installation) : Objective

Uploaded by

beamace81
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 14

LAB-1 (Xampp &WordPress installation)

Objective:
The objective of this lab report is to guide through the installation process of XAMPP, a
local web development environment, and WordPress, a popular content management
system, on a Windows system.
Equipment/Software Required:
• Windows operating system
• XAMPP installer (https://www.apachefriends.org/index.html)
• WordPress installer (https://wordpress.org/download/)

Procedure:

Step 1: Downloading and Installing XAMPP

1. Navigate to the XAMPP official website (https://www.apachefriends.org/index.html).


2. Download the latest version of XAMPP for Windows.
3. Once the download is complete, locate the downloaded installer file.
4. Double-click on the installer file to initiate the installation process.
5. Follow the on-screen instructions in the installation wizard.
6. When prompted, choose the components to install. Ensure that Apache and MySQL are
selected.
7. Choose the installation directory (default is recommended).
8. Complete the installation process by clicking "Finish."

Step 2: Starting Apache and MySQL Services

1. After the installation is complete, launch XAMPP Control Panel from the Start
menu.
2. Start the Apache and MySQL services by clicking on the "Start" buttons .

Step 3: Downloading and Installing WordPress

1. Navigate to the WordPress official website (https://wordpress.org/download/).


2. Download the latest version of WordPress.
3. Once the download is complete, locate the downloaded WordPress.zip file.
4. Extract the contents of the WordPress.zip file to the "htdocs" directory within the
XAMPP installation directory (usually located at "C:\xampp\htdocs")

Step 4: Creating a MySQL Database for WordPress

1. Open a web browser and navigate to http://localhost/phpmyadmin/.


2. Log in using the default username (root) and leave the password field blank.
3. Click on the "Databases" tab.
4. Enter a name for your WordPress database in the "Create database" field (e.g.,
"WordPress").
5. Click on the "Create" button to create the database.

Step 5: Installing WordPress

1. Open a web browser and navigate to http://localhost/wordpress/ (replace


"WordPress" with the directory name if you extracted WordPress to a different
folder).
2. Select your preferred language and click "Continue."
3. On the next screen, WordPress will inform you that it needs a database name,
username, password, database host, and table prefix. Enter the following
information:
• Database Name: The name of the database you created in Step 4 (e.g.,
"WordPress").
• Username: "root"
• Password: Leave this field blank.
• Database Host: "localhost"
• Table Prefix: You can leave this as the default "wp_".
4. Click "Submit" and then click "Run the installation."
5. Enter the required information for your WordPress website, such as Site Title,
Username, Password, and Email Address.
6. Click "Install WordPress."
7. Once the installation is complete, you can log in to your WordPress dashboard.

Screenshots and Images:


Xampp controller
WordPress installation setup

LAB-2 (Installing WooCommerce and Storefront Theme)


Objective:
The objective of this lab is to set up an e-commerce website using WordPress,
WooCommerce plugin, install a suitable theme, add products to the store, and integrate payment
gateway plugins.
Procedure:

1. Installing WooCommerce Plugin:


• Log in to the WordPress admin dashboard.
• Go to Plugins > Add New.
• Search for "WooCommerce" in the search bar.
• Click on "Install Now" and then "Activate" the plugin.

2. Installing Theme:
• Navigate to Appearance > Themes.
• Click on "Add New" and browse through available themes or upload a
theme file.
• Once uploaded or selected, click on "Activate" to apply the theme.

Screenshots and Images:

WooCommerce Plugin

Woostify theme
LAB-3 (Customize the Theme)

Objective:
The objective of this lab is to choose the theme and customize the page to our liking.

Procedure:

1.Customizing the Theme:


• Go to Appearance > Customize.
• Click the list that appears and choose what needs to be customized.
• After customizing what we want, click publish.

Screenshots and Images:

Customizing the Theme


LAB-4 (Add products to website and categories them according to
menu)

Objective:
The objective of this lab is to add products to the website and categories them according to the
menu.

Procedure:

1. Add products to website and categories them according to menu:

• Go to Products > Add Product.


•Add a product name,description and price of product.
•Categories them according to product type.
• Click on "Publish" to add the product to the store.

2. Adding Images:

• For product images: While adding or editing a product, click on "Set


product image" or "Set featured image" to upload product images.
• For payment gateway images: Refer to the documentation of the payment
gateway plugin. Usually, the plugin settings allow customization,
including adding images.

Screenshots and Images:

Adding Products
LAB-5 (Setting up taxes and shipping option in woocommerce)
Objective:
The objective of this lab is to setup tax and setup shipping option using WooCommerce plugin.

1. Setting up taxes:
• Go to WooCommerce > Settings > General settings.
• Find enable tax and enable it and save changes.
• Go to WooCommerce > Settings >Tax.
• Go to WooCommerce > Settings >Tax.
• Fill all the required details and create a new tax section.
• Add a tax table according to tax percentage with correct details..

2. Setting up shipping option:


• Go to WooCommerce > Settings > Shipping.
• Give details about how the shipping works.
• Select what kind of shipping method is used.
• After all the details save change and it will apply when location is matched .

Screenshots and Images:

Setting up taxes

Setting shipping options


LAB-6 (Create cart page and checkout page in woocommerce)
Objective:
The objective of this lab is to set up a cart page and a checkout page.

1. Setting up cart page:


• Go to the page you want to apply cart logic.
• Add a shortcode [woocommerce.cart] or select /cart to make the page use cart logic.

2. Setting up checkout page:


• Go to the page you want to apply checkout logic.
• Add a shortcode [woocommerce.cart] or select /checkout to make the page use checkout logic.

Screenshots and Images:

Setting up cart page

Setting up cart page

LAB-7 (Add cash on delivery payment method and Add E-sewa on


wordpress)
Objective:
The objective of this lab is to set up an offline and online payment method on wordpress website.

1. Setting up cash on delivery payment method:


• Go to WooCommerce > Settings > Payments.
• Turn on cash on delivery.
•Then click save changes.

2. Setting up E-sewa payment method:


• Go to Plugins > Add New.
• Search for E-sewa.
• Click on "Install Now" and then "Activate" the plugin.
• Go to WooCommerce > Settings > Payments.
• Turn on E-sewa.
•Then click save changes.

Screenshots and Images:

Setting up cash on delivery

Setting up E-sewa payment

You might also like