WordPress Web Development in Urdu/Hindi | Beginner to Pro

By the end of this section, students will be able to:

• Understand what web development and WordPress are, and how websites work in simple Urdu/Hindi.

• Differentiate between front-end, back-end, and WordPress development at a beginner level.

• Know what is required to run a website, including domain, hosting, local server, and WordPress.

• Gain clarity on course structure, learning path, and career scope, including freelancing and online earning opportunities.

Welcome to the WordPress Basic Course in Urdu/Hindi, specially designed for absolute beginners. In this course, you will learn what WordPress is, how websites work, and how you can create professional websites without coding.

We will start from the basics, explain everything in simple Urdu/Hindi, and practice step by step using XAMPP (local server) so you can learn safely without spending money. This course will give you a strong foundation in WordPress and web development and prepare you for advanced learning, freelancing, or creating your own websites.

By the end of this course, you will have the confidence to build and manage WordPress websites on your own.

XAMPP is a free local server software that allows us to run WordPress and websites on our own computer without internet or paid hosting. It helps beginners practice safely, make mistakes, and learn WordPress step by step before making a live website.

XAMPP installation means downloading and setting up XAMPP on your computer so it can work like a server. After installing XAMPP, we can run WordPress locally and practice website creation without internet or hosting.

htdocs is the main folder in XAMPP where we place our website files.

? Any folder you create inside htdocs becomes a website/project.
? WordPress files are copied inside htdocs to run the site on your computer.

Example:
xampp → htdocs → wordpress

This helps XAMPP find and run your website locally.

XAMPP installation means downloading and setting up XAMPP on your computer so it can work like a server. After installing XAMPP, we can run WordPress locally and practice website creation without internet or hosting.

htdocs is the main folder in XAMPP where we place our website files.

? Any folder you create inside htdocs becomes a website/project.
? WordPress files are copied inside htdocs to run the site on your computer.

Example:
xampp → htdocs → wordpress

This helps XAMPP find and run your website locally.

WordPress is a free software used to create websites easily without coding.
With WordPress, you can make business websites, blogs, and online stores using themes and plugins.

A database is a place where website data is stored.

? In WordPress, the database stores:

• Posts & pages

• Users & passwords

• Comments

• Website settings

? XAMPP uses MySQL database, which works in the background.

? WordPress connects to the database to save and show data on the website.

Simple example:
Website = Body
Database = Brain (stores all information)

Without a database, WordPress cannot work.

Step 1: Install XAMPP

1. Download XAMPP from Apache Friends.

2. Run the installer and follow the steps.

3. Open XAMPP Control Panel.

4. Start Apache and MySQL modules.

Step 2: Download WordPress

1. Go to WordPress.org.

2. Download the latest WordPress ZIP file.

3. Extract it.

Step 3: Move WordPress to XAMPP

1. Open your XAMPP installation folder. Usually:
   C:\xampp\htdocs\

2. Create a new folder for your site, e.g., mywebsite.

3. Move the extracted WordPress files into C:\xampp\htdocs\mywebsite.

Step 4: Create a Database

1. Open your browser and go to:
   http://localhost/phpmyadmin/

2. Click Databases → Create database.

3. Give it a name (e.g., wordpress_db) and click Create.

Step 5: Configure WordPress

1. Open your browser and go to:
   http://localhost/mywebsite/

2. WordPress will ask for database info:

   • Database Name: wordpress_db (from Step 4)

   • Username: root

   • Password: (leave empty)

   • Database Host: localhost

   • Table Prefix: wp_ (default is fine)

3. Click Submit, then Run the installation.

Step 6: Complete Installation

1. Enter your site information:

   • Site Title

   • Admin Username & Password

   • Email

2. Click Install WordPress.

3. Once done, log in at:
   http://localhost/mywebsite/wp-admin/

1. Dashboard Overview

• Home: Quick overview of your site — shows site stats, updates, and WordPress news.

• Updates: Shows updates for WordPress core, themes, and plugins. Keep these updated for security.

2. Posts

• All Posts: Lists all blog posts.

• Add New: Create a new blog post.

• Categories: Organize posts into categories (like “Tech” or “News”).

• Tags: Add tags to posts for better organization.

Posts are usually used for blogs or articles.

3. Media

• Library: Shows all images, videos, and files uploaded.

• Add New: Upload new media.

You can drag-and-drop images and files here to use in posts/pages.

4. Pages

• All Pages: Lists static pages (like “About Us” or “Contact”).

• Add New: Create a new page.

Pages are static and usually part of the main menu.

5. Comments

• Manage user comments on posts.

• Approve, delete, or mark comments as spam.

6. Appearance

• Themes: Change or install new site designs.

• Customize: Adjust colors, fonts, header, and other site appearance options.

• Widgets: Add small modules (like search bars or recent posts) to sidebars or footers.

• Menus: Manage navigation menus.

7. Plugins

• Installed Plugins: Shows plugins already installed.

• Add New: Install new plugins for extra features (like SEO, contact forms, security).

Plugins extend functionality without coding.

8. Users

• All Users: Lists all website users.

• Add New: Add users with roles (Admin, Editor, Author, Contributor, Subscriber).

Roles control what each user can do.

9. Tools

• Import/Export: Move content between WordPress sites.

• Site Health: Check website performance and security.

10. Settings

• General: Site title, tagline, timezone, and URL.

• Writing/Reading: Manage how posts/pages are displayed.

• Discussion: Control comments settings.

• Permalinks: Set URL structure for SEO-friendly links.

Tips for Beginners

• Always backup your site before major changes.

• Use Pages for static content, Posts for dynamic blog content.

• Explore Themes and Plugins — they can change your site’s look and add features instantly.

• Keep WordPress updated for security and performance.

Downloading Wordpress File From online

What is a WordPress Theme?

A theme is basically the design and layout of your WordPress site.
It controls:

• Colors, fonts, and styles

• Layout of pages, posts, headers, and footers

• Some functionality (via theme-specific features)

Think of it like clothes for your website — you can change the look without touching content.

2. Types of WordPress Themes

1. Free Themes:

   • Available from WordPress.org

   • Usually limited features but safe and lightweight

   • Example: “Twenty Twenty-Three”

2. Premium Themes:

   • Paid themes from marketplaces like ThemeForest

   • More customization, support, and built-in features

3. Custom Themes:

   • Built specifically for your website by a developer

   • Offers full control but requires coding knowledge

3. How to Install a WordPress Theme

There are three main methods:

Method 1: Install from WordPress Dashboard

1. Go to Appearance → Themes → Add New.

2. Browse or search for a theme.

3. Click Install, then Activate.

4. Your website instantly uses the new theme.

Method 2: Upload a Theme (ZIP file)

1. Download a theme as a .zip file.

2. Go to Appearance → Themes → Add New → Upload Theme.

3. Choose the ZIP file and click Install Now.

4. Click Activate after installation.

Method 3: Manually via XAMPP

1. Extract the theme folder (from ZIP) if needed.

2. Move it to:
   C:\xampp\htdocs\your-site\wp-content\themes\

3. Go to Dashboard → Appearance → Themes, then activate it.

4. Customizing a Theme

• Go to Appearance → Customize to adjust:

  • Site Identity (title, logo, tagline)

  • Colors and fonts

  • Header & footer layout

  • Homepage settings

• Some themes also come with Theme Options or Page Builder compatibility (like Elementor) for advanced customization.

What is a WordPress Plugin?

A plugin is a piece of software you can install on your WordPress site to add new features or functionality without coding.

Think of your site as a car:

• WordPress = the engine

• Theme = the body and paint

• Plugins = add-ons like GPS, music system, or turbo boost

Plugins can do things like:

• Add contact forms

• Improve SEO

• Add security features

• Create e-commerce stores

• Optimize site speed

2. Types of Plugins

1. Free Plugins:

   • Available in WordPress.org plugin repository

   • Example: Contact Form 7, Yoast SEO

2. Premium (Paid) Plugins:

   • More features and dedicated support

   • Example: WP Rocket (speed optimization), Gravity Forms

3. Custom Plugins:

   • Made specifically for a website by a developer

3. How to Install Plugins

There are three main ways:

Method 1: Install via Dashboard

1. Go to Plugins → Add New.

2. Search for the plugin by name or functionality.

3. Click Install Now, then Activate.

4. Configure settings if needed.

Method 2: Upload a Plugin (ZIP file)

1. Download plugin as a .zip file.

2. Go to Plugins → Add New → Upload Plugin.

3. Select the ZIP file → Install → Activate.

Method 3: Manually via XAMPP

1. Extract plugin folder from ZIP if needed.

2. Move it to:
   C:\xampp\htdocs\your-site\wp-content\plugins\

3. Go to Plugins → Installed Plugins, then activate it.

4. Managing Plugins

• Installed Plugins: See all installed plugins and activate/deactivate them.

• Updates: Keep plugins updated for security and compatibility.

• Deactivate/Delete: Remove plugins you don’t use — unnecessary plugins slow down your site.

Tips

• Only install plugins you really need — too many can slow your site.

• Check plugin ratings and reviews before installing.

• Keep plugins updated to prevent security risks.

SEO (Search Engine Optimization)

SEO helps your website rank higher in search engines like Google.

Key elements:

• Keywords: Use words that people search for in titles, content, and headings.

• Meta Titles & Descriptions: Short summaries that appear in search results.

• URLs (Permalinks): Clean, readable URLs (e.g., example.com/wordpress-tutorial).

• Alt Text for Images: Helps search engines understand images.

• Internal Linking: Link pages/posts within your site to improve navigation and SEO.

• Mobile-Friendly Design: Google favors responsive sites.

• Page Speed: Fast-loading sites rank better.

• SSL Certificate: HTTPS improves SEO and trust.

Tools: Yoast SEO, Rank Math (WordPress plugins)

2. Content

Content is the heart of your website.

Key points:

• High-Quality & Original: Avoid copying content; make it valuable for readers.

• Clarity & Readability: Use headings, short paragraphs, and bullet points.

• Multimedia: Use images, videos, and infographics to enhance content.

• Regular Updates: Keep content fresh to attract and retain visitors.

• Call-to-Action (CTA): Guide users to take action (subscribe, contact, buy).

3. Design & User Experience (UX)

How your website looks and feels impacts user engagement.

Key points:

• Responsive Design: Works on desktops, tablets, and mobiles.

• Navigation: Easy-to-use menus and search functionality.

• Consistent Branding: Colors, fonts, and logos consistent with your brand.

• Whitespace & Layout: Don’t clutter pages; let content breathe.

• Fast Loading Times: Optimize images and scripts.

4. Security

A secure website protects your data and visitors.

Key points:

• Use strong passwords and two-factor authentication.

• Keep WordPress, themes, and plugins updated.

• Install security plugins (Wordfence, Sucuri).

• Use SSL certificate (HTTPS).

5. Performance & Speed

A slow website drives visitors away.

Key points:

• Optimize images and media files.

• Use caching plugins (like W3 Total Cache or WP Rocket).

• Minimize plugins — only keep necessary ones.

• Use a lightweight theme.

6. Analytics & Monitoring

Tracking your site’s performance helps improve it.

Key points:

• Use Google Analytics to track traffic, bounce rate, and user behavior.

• Use Google Search Console to monitor SEO performance.

• Track conversion rates if you’re selling products or collecting leads.

7. Legal & Accessibility

• Include Privacy Policy and Terms of Service.

• Make your site accessible (screen readers, alt text, keyboard navigation).

• Comply with GDPR or other local data regulations if applicable.

Essential Website Sections

Every standard website layout usually includes:

1. Header:

   • At the top of every page.

   • Usually contains logo, site name, navigation menu, and sometimes a call-to-action (like “Sign Up”).

2. Navigation/Menu:

   • Helps visitors move around the site.

   • Should be clear and consistent across pages.

3. Hero Section / Banner:

   • The first visual element visitors see.

   • Often includes an image/video and main headline or CTA.

4. Main Content Area:

   • The core of each page (articles, products, services, or blog posts).

   • Should be easy to read, visually appealing, and organized.

5. Sidebar (Optional):

   • Additional information, menus, ads, or widgets.

   • Common in blogs or news sites.

6. Footer:

   • Appears at the bottom of every page.

   • Contains contact info, social links, copyright, and quick links.

7. Call-to-Action (CTA):

   • Buttons or sections encouraging visitors to take action (subscribe, buy, contact).

   
   

Set Up WordPress

1. Install XAMPP (or any local server) if you want to develop locally.

2. Install WordPress in XAMPP (C:\xampp\htdocs\mobileshop).

3. Access the dashboard: http://localhost/mobileshop/wp-admin/.

Step 2: Choose a Suitable Theme

• Go to Appearance → Themes → Add New.

• Search for e-commerce-friendly themes like:

  • Astra (lightweight, flexible)

  • Storefront (official WooCommerce theme)

  • OceanWP

• Install & Activate the theme.

Step 3: Install WooCommerce

WooCommerce is the most popular e-commerce plugin for WordPress.

1. Go to Plugins → Add New → Search "WooCommerce".

2. Install and Activate.

3. WooCommerce setup wizard will appear:

   • Store Details: Name, address, currency

   • Industry: Choose “Electronics” or similar

   • Product Types: Physical products

   • Shipping & Tax: Configure if needed (for local dev, skip for now)

   • Payments: Enable payment methods (PayPal, Stripe)

Step 4: Add Mobile Products

1. Go to Products → Add New.

2. Enter Product Name (e.g., Samsung Galaxy S23).

3. Add Description (short and long).

4. Set Price (regular & sale).

5. Add Product Image and Gallery (photos of the mobile).

6. Assign Categories (e.g., Smartphones, Accessories).

7. Click Publish.

Step 5: Organize Categories

• Go to Products → Categories.

• Create categories like:

  • Smartphones

  • Accessories

  • Featured Deals

Categories make navigation easier for customers.

Step 6: Customize Your Store Layout

1. Go to Appearance → Customize → WooCommerce.

2. Configure:

   • Shop page layout (grid/list)

   • Colors and typography

   • Product image sizes

3. Optional: Use Page Builders like Elementor to create custom product pages or landing pages.

Step 7: Add Essential Plugins

• Yoast SEO → For search engine optimization.

• WooCommerce Stripe Payment Gateway → Accept payments.

• WooCommerce Shipping & Tax → Automate shipping calculations.

• Elementor → Customize pages visually.

• WP Rocket / LiteSpeed Cache → Improve speed.

Step 8: Test Your Store

• Visit your site: http://localhost/mobileshop/

• Test product pages, add to cart, checkout flow.

• Make sure navigation is smooth and mobile-friendly.

Step 9: Launch (Optional)

• If you want the site online, get a domain + hosting.

• Backup your local site and migrate using plugins like All-in-One WP Migration.