🔹 Assignments
on WordPress Website Designing
Assignment 1:
Installing and Setting Up WordPress
English:
·
Objective:
To install WordPress on a local server or live server and set up a basic
WordPress website.
·
Instructions:
1.
Install
WordPress on your local server using XAMPP/WAMP or on a live server.
2.
Configure
site settings such as site title, tagline, timezone,
and language.
3.
Install
a theme (like Twenty Twenty-One) and add plugins (Yoast SEO, WPForms).
4.
Create
basic pages like Home, About, and Contact.
5.
Customize
the theme’s design (colors, fonts, logo).
·
Deliverables: Screenshots of the WordPress installation and links to the pages you’ve
created.
हिन्दी:
·
उद्देश्य: वर्डप्रेस को लोकल सर्वर या लाइव सर्वर पर इंस्टॉल करना और एक बुनियादी वेबसाइट बनाना।
·
निर्देश:
1.
वर्डप्रेस को XAMPP/WAMP जैसे लोकल सर्वर या लाइव सर्वर पर इंस्टॉल करें।
2.
साइट के सेटिंग्स जैसे साइट टाइटल, टैगलाइन, समय क्षेत्र, और भाषा सेट करें।
3.
एक थीम (जैसे Twenty
Twenty-One) इंस्टॉल करें और आवश्यक प्लगइन्स (Yoast SEO, WPForms) जोड़ें।
4.
बुनियादी पेज बनाएं जैसे होम, अबाउट, और कंटेक्ट।
5.
थीम के डिज़ाइन को कस्टमाइज़ करें (रंग, फॉन्ट, लोगो)।
·
डिलीवरबल: वर्डप्रेस इंस्टॉलेशन के स्क्रीनशॉट और बनाए गए पेजों के लिंक।
Assignment 2: Custom
Homepage Design with Elementor
English:
·
Objective:
Design a custom homepage layout using Elementor or Gutenberg.
·
Instructions:
1.
Install
a free WordPress theme (like Astra or OceanWP).
2.
Use
Elementor or Gutenberg to create a custom
homepage.
§ Create a hero section
with an image, headline, and CTA button.
§ Add a services section
with three services displayed in columns.
§ Add a testimonial section
for customer reviews.
§ Include a call-to-action
(CTA) button (like "Contact Us").
3.
Ensure
the homepage is mobile responsive.
·
Deliverables: Screenshots or a link to your custom homepage design.
हिन्दी:
·
उद्देश्य: Elementor या Gutenberg का उपयोग करके कस्टम होमपेज डिज़ाइन बनाना।
·
निर्देश:
1.
एक फ्री वर्डप्रेस थीम (जैसे Astra या OceanWP) इंस्टॉल करें।
2.
Elementor
या Gutenberg का उपयोग करके कस्टम होमपेज डिज़ाइन करें।
§ हीरो सेक्शन बनाएं जिसमें इमेज, हेडलाइन, और CTA
बटन हो।
§ सेवाओं का सेक्शन बनाएं जिसमें तीन सेवाएं कॉलम में दिखाई जाएं।
§ टेस्टिमोनियल
सेक्शन बनाएं जिसमें ग्राहक समीक्षा हो।
§ एक कॉल-टू-एक्शन (CTA) बटन जोड़ें (जैसे "Contact Us")।
3.
सुनिश्चित करें कि होमपेज मोबाइल रेस्पॉन्सिव हो।
·
डिलीवरबल: कस्टम होमपेज डिज़ाइन का स्क्रीनशॉट या लिंक।
Assignment 3:
Building an Online Store with WooCommerce
English:
·
Objective:
Create an online store using WooCommerce.
·
Instructions:
1.
Install
and activate the WooCommerce plugin.
2.
Add
at least 3 products with details like title, description, price, and images.
3.
Create
product categories (e.g., "Clothing", "Accessories").
4.
Set
up a payment gateway (e.g., PayPal or Stripe).
5.
Customize
the Shop page to display your products and categories.
6.
Set
up shipping methods and taxes.
·
Deliverables: A live link to the online store or screenshots of product pages.
हिन्दी:
·
उद्देश्य: WooCommerce का उपयोग करके एक ऑनलाइन स्टोर बनाना।
·
निर्देश:
1.
WooCommerce
प्लगइन इंस्टॉल और सक्रिय करें।
2.
कम से कम 3 प्रोडक्ट्स
जोड़ें, जिसमें टाइटल, डिस्क्रिप्शन, प्राइस, और इमेज शामिल हों।
3.
प्रोडक्ट कैटेगरीज बनाएं (जैसे "Clothing",
"Accessories")।
4.
एक पेमेंट गेटवे सेट करें (जैसे PayPal या Stripe)।
5.
शॉप पेज कस्टमाइज़ करें ताकि प्रोडक्ट्स और कैटेगरीज सही तरीके से दिखें।
6.
शिपिंग विधियाँ और टैक्स सेट करें।
·
डिलीवरबल: ऑनलाइन स्टोर का लिंक या प्रोडक्ट पेजेस के स्क्रीनशॉट।
Assignment 4: Search
Engine Optimization (SEO)
English:
·
Objective:
Optimize the website for search engines using Yoast SEO or Rank
Math.
·
Instructions:
1.
Install
Yoast SEO or Rank Math plugin.
2.
Add
SEO titles and meta descriptions for the
homepage, blog, and other important pages.
3.
Add
focus keywords for each page.
4.
Submit
an XML sitemap to Google Search Console.
5.
Optimize
images for SEO by adding alt text.
·
Deliverables: SEO setup report with screenshots of plugin settings.
हिन्दी:
·
उद्देश्य: Yoast SEO या Rank Math का उपयोग करके वेबसाइट को सर्च इंजन के लिए ऑप्टिमाइज़ करना।
·
निर्देश:
1.
Yoast SEO
या Rank Math प्लगइन इंस्टॉल करें।
2.
होमपेज, ब्लॉग और अन्य महत्वपूर्ण पेजों के लिए SEO टाइटल और मेटा डिस्क्रिप्शन जोड़ें।
3.
प्रत्येक पेज के लिए फोकस कीवर्ड जोड़ें।
4.
XML साइटमैप को Google Search Console में सबमिट करें।
5.
इमेज को SEO
के लिए ऑप्टिमाइज़ करें, जैसे alt text जोड़ना।
·
डिलीवरबल: SEO सेटअप रिपोर्ट और प्लगइन सेटिंग्स के स्क्रीनशॉट।
Assignment 5:
Contact Form Creation and Integration
English:
·
Objective:
Create a contact form and set up email notifications.
·
Instructions:
1.
Install
the WPForms or Contact Form 7 plugin.
2.
Create
a simple contact form with fields like Name, Email, and Message.
3.
Set
up email notifications to receive alerts when the form is
submitted.
4.
Embed
the form into the Contact Us page.
·
Deliverables: A live link to the contact form or screenshots of form settings.
हिन्दी:
·
उद्देश्य: एक कांटेक्ट फॉर्म बनाना और ईमेल नोटिफिकेशन सेट करना।
·
निर्देश:
1.
WPForms या Contact Form 7 प्लगइन इंस्टॉल करें।
2.
एक सिंपल कांटेक्ट फॉर्म बनाएं जिसमें नाम, ईमेल, और संदेश के फील्ड्स हों।
3.
ईमेल नोटिफिकेशन सेट करें ताकि जब कोई फॉर्म सबमिट करें तो आपको अलर्ट मिले।
4.
फॉर्म को Contact Us
पेज पर एम्बेड करें।
·
डिलीवरबल: कांटेक्ट फॉर्म का लाइव लिंक या स्क्रीनशॉट।
🔹 WordPress Website Designing Exam
Exam Structure:
Duration:
60 Minutes
Total Marks: 100
Section 1: Multiple Choice Questions
(MCQs) - 30
Marks
- What is the default WordPress editor?
- a) Classic Editor
- b) Gutenberg (Correct
Answer)
- c) WPBakery
- d) Elementor
- Which plugin is used to create an online
store in WordPress?
- a) WPForms
- b) WooCommerce (Correct
Answer)
- c) Contact Form 7
- d) Yoast SEO
- What does the Yoast SEO plugin help you
with?
- a) Speed Optimization
- b) Image Compression
- c) Search Engine
Optimization (Correct Answer)
- d) Form Creation
- Which of the following is a page builder for
WordPress?
- a) Elementor (Correct
Answer)
- b) WPForms
- c) Jetpack
- d) Wordfence
- Which file controls the overall layout of a
WordPress theme?
- a) index.php (Correct
Answer)
- b) wp-config.php
- c) style.css
- d) functions.php
Section 2: Short Answer Questions - 40 Marks
- What is the purpose of WordPress plugins?
Give examples.
(5 marks) - How can you make a WordPress website
mobile-friendly?
(5 marks) - Describe the steps involved in optimizing a website’s
performance.
(5 marks) - What are the benefits of using a caching
plugin on a WordPress site?
(5 marks) - Explain the role of ‘Widgets’ in WordPress.
(5 marks) - List and explain any three types of
WordPress themes (e.g., business themes, portfolio themes, etc.).
(5 marks)
Section 3: Practical Task - 30 Marks
Task 1: Create a Basic Website (15 Marks)
- Install WordPress and set up a basic website
with a homepage, about page, and contact page.
- Install a theme of your choice.
- Create a simple contact form and add it to the contact page.
Task 2: Optimize Website for SEO (10 Marks)
- Install the Yoast SEO plugin.
- Set up SEO titles, meta descriptions, and focus
keywords for the homepage and one blog post.
Task 3: Website Speed Test (5 Marks)
- Run a speed test on your website using Google PageSpeed Insights and
provide a report on your findings.
Grading Criteria:
- Multiple Choice Questions: 30 Marks
- Short Answer Questions: 40 Marks
- Practical Task: 30 Marks
Either way the teacher or student will get the solution to the problem within 24 hours.