Topic 4: About Website Pages & WordPress

📖 6 min read · 🎯 Beginner · 🧭 Prerequisites: main-types-stages-in-dm, fundamentals-in-dm-topics

Why this matters

Before you build anything online, here's something that stops most beginners cold — they think a website is one big thing. It's not. A website is a collection of separate pages, each one answering a specific question your visitor has. Your "About" page does one job. Your "Contact" page does another. Once that clicks, everything else makes sense. And the tool we're going to use to build those pages? WordPress — it powers over 40% of all websites on the internet. Today we're going to understand what kinds of pages exist, what goes on each one, and how WordPress puts it all in your hands.

What You'll Learn

• Identify the nine standard website page types and the role each one plays
• Understand WordPress's core features: themes, plugins, widgets, menus, media library, user roles, and SEO tools
• Walk through the full process of setting up a WordPress site from domain to published content
• Know what ongoing maintenance a healthy WordPress site requires

The Analogy

Think of a website as a well-organized office building. The Home page is the reception lobby — it greets every visitor and points them where to go. The About page is the executive boardroom where the company tells its story. The Contact page is the front desk where visitors leave messages. Blog and Services pages are the working floors where the real output lives. WordPress, in this metaphor, is the building management system: it controls the locks (user roles), the signage (menus), the décor (themes), the installed appliances (plugins), and the filing room (media library) — all from one central control panel called the Dashboard. You don't need to rewire the building every time you want to redecorate; you just open the panel and make changes.

Chapter 1: The Nine Essential Website Page Types

A well-structured website is built from a predictable set of rooms. Each page type serves a distinct purpose, and visitors expect to find them.

1. Home Page

• Purpose: Acts as the entry point and provides an overview of the site.
• Content: Introduction to the site, navigation links, featured content, call-to-action buttons.

2. About Page

• Purpose: Provides information about the organization or individual behind the website.
• Content: Mission statement, company history, team bios, contact information.

3. Contact Page

• Purpose: Allows visitors to get in touch with the website owner.
• Content: Contact form, phone number, email address, physical address, map.

4. Blog Page

• Purpose: Contains blog posts and articles.
• Content: List of recent posts, categories, tags, search functionality.

5. Services / Products Page

• Purpose: Showcases the services or products offered.
• Content: Descriptions, pricing, images, testimonials, purchase links.

6. Portfolio / Gallery Page

• Purpose: Displays work samples or visual content.
• Content: Image galleries, project descriptions, client testimonials.

7. FAQ Page

• Purpose: Answers common questions visitors may have.
• Content: List of frequently asked questions and detailed answers.

8. Privacy Policy Page

• Purpose: Informs visitors about how their data is collected and used.
• Content: Legal information, data protection policies, cookie usage.

9. 404 Error Page

• Purpose: Notifies visitors when a page cannot be found.
• Content: Error message, helpful links, search functionality.

A good 404 page is not just an error — it's a recovery ramp. Always include navigation links or a search bar so lost visitors can find their way back.

Chapter 2: WordPress — A Powerful CMS

WordPress is an open-source content management system that powers over 40% of all websites on the internet. It is celebrated for its ease of use, flexibility, and extensive customization options.

graph TD
    WP[WordPress Core] --> Dashboard
    Dashboard --> Themes
    Dashboard --> Plugins
    Dashboard --> Widgets
    Dashboard --> Menus
    Dashboard --> MediaLibrary[Media Library]
    Dashboard --> Users
    Dashboard --> Settings
    Settings --> Permalinks
    Plugins --> YoastSEO[Yoast SEO]
    Plugins --> CF7[Contact Form 7]
    Plugins --> WooCommerce

Key Feature 1: User-Friendly Interface

• Dashboard: The central control panel where you manage content, appearance, and settings.
• Editor: Intuitive block-based tools for creating and editing pages and posts without writing code.

Key Feature 2: Themes

• Definition: Pre-designed templates that control the visual appearance of your site.
• Customization: Most themes expose options through the WordPress Customizer, letting you change colors, fonts, layouts, and header images without touching code.
• Source: Browse free themes in the WordPress theme repository, or purchase premium themes from marketplaces.

Key Feature 3: Plugins

• Definition: Add-ons that extend the functionality of your WordPress site.
• Types:
  • SEO tools (e.g., Yoast SEO)
  • Contact forms (e.g., Contact Form 7)
  • E-commerce solutions (e.g., WooCommerce)
  • Security enhancements
• Install: Plugins are installed and activated directly through the WordPress dashboard under Plugins → Add New.

Key Feature 4: Widgets

• Definition: Small blocks that add content and features to sidebars, footers, and other widget-ready areas.
• Examples: Recent posts, search bars, social media feeds, tag clouds.

Key Feature 5: Menus

• Definition: Navigation structures that help visitors find content on your site.
• Customization: Create and organize menus in the WordPress dashboard under Appearance → Menus, then assign them to theme locations (primary nav, footer nav, etc.).

Key Feature 6: Media Library

• Definition: A repository for all images, videos, and other media files on your site.
• Features: Upload, organize, and perform basic edits (crop, scale, rotate) on media files from within the dashboard.

Key Feature 7: User Management

WordPress supports five built-in roles, each with a different permission level:

Assigning the correct role to each team member limits accidental changes and improves site security.

Key Feature 8: SEO-Friendly Architecture

• Permalinks: WordPress allows fully customizable URL structures (e.g., yourdomain.com/category/post-name/) configured under Settings → Permalinks.
• Plugins: Tools like Yoast SEO help optimize page titles, meta descriptions, XML sitemaps, and readability scores.

Chapter 3: Setting Up a WordPress Site

Follow these seven steps to go from zero to a live WordPress site.

Step 1 — Choose a Domain and Hosting

• Domain: Your website's address (e.g., www.example.com). Register one through a domain registrar.
• Hosting: A service that stores your site's files and makes them accessible on the internet. Shared, VPS, and managed WordPress hosting are the main tiers.

Step 2 — Install WordPress

# Manual installation (from wordpress.org)
# 1. Download the latest WordPress zip
# 2. Upload to your hosting server via FTP or cPanel File Manager
# 3. Create a MySQL database and user
# 4. Visit yourdomain.com/wp-admin/install.php to complete setup

Most hosting providers offer one-click WordPress installation via their control panel, which handles all of the above automatically.

Step 3 — Select a Theme

# Inside WordPress Dashboard:
# Appearance → Themes → Add New
# Search, preview, install, then Activate

Browse the free WordPress theme repository or upload a purchased premium theme ZIP file.

Step 4 — Install Essential Plugins

Recommended starter plugins:

# Dashboard: Plugins → Add New → Search → Install → Activate

Step 5 — Create Key Pages

Use the WordPress block editor to create your core pages:

# Dashboard: Pages → Add New
# Write content → Set page attributes → Publish
# Then: Appearance → Menus → Add pages to nav menu

Build your Home, About, Contact, and any other essential pages, then organize them into your site menu.

Step 6 — Customize Your Site

• Open Appearance → Customize to access the WordPress Customizer.
• Adjust colors, typography, header images, and layout options.
• Add widgets to sidebars and footers under Appearance → Widgets.
• Configure site identity (logo, tagline, favicon) in the Customizer.

Step 7 — Add Content

• Create blog posts under Posts → Add New.
• Assign categories (broad topics) and tags (specific keywords) to each post for organization.
• Upload images and media through the Media Library before inserting them into pages or posts.

Chapter 4: Maintaining Your WordPress Site

A launched site is not a finished site. the trainer calls this "tending the garden" — five ongoing practices keep a WordPress site healthy.

1. Regular Updates

Keep WordPress core, themes, and plugins up to date. Updates patch security vulnerabilities and add new features. Check Dashboard → Updates routinely.

2. Backups

Regularly back up your site's database and files to prevent data loss. Use a backup plugin or your hosting provider's backup service. Store backups off-site (e.g., cloud storage).

3. Security

• Use strong, unique passwords for all admin accounts.
• Install a security plugin to monitor for malware and unauthorized logins.
• Run regular security scans and remove unused themes and plugins.

4. Performance Optimization

• Install a caching plugin to speed up page load times by serving pre-built HTML instead of re-rendering on every request.
• Optimize and compress images before uploading (or use an image optimization plugin).
• Fast sites rank better in search engines and convert visitors more effectively.

5. Analytics

Set up Google Analytics to track your site's performance. Monitor page views, session duration, bounce rate, and traffic sources to understand visitor behavior and guide your content strategy.

🧪 Try It Yourself

Task: Audit a live website against the nine page types covered in this lesson.

1. Open any business website you use regularly (e.g., your favorite online store or a local service provider's site).
2. Navigate their menu and site footer. Check off each of the nine page types as you find them:
   • Home
   • About
   • Contact
   • Blog / News
   • Services or Products
   • Portfolio or Gallery
   • FAQ
   • Privacy Policy
   • 404 (type a fake URL like theirdomain.com/this-does-not-exist to trigger it)
3. Note which pages are missing and consider: does the site feel incomplete without them?

Success criterion: You can identify at least 6 of the 9 page types on a real site and explain what's missing and why it matters.

🔍 Checkpoint Quiz

Q1. WordPress is described as powering over 40% of all websites on the internet. What type of software is WordPress?

A) A code editor
B) An open-source content management system (CMS)
C) A domain registrar
D) A programming language

Q2. A new team member needs to write and edit posts on the site but should NOT be able to publish them or change any settings. Which WordPress user role should they be assigned?

A) Administrator
B) Author
C) Contributor
D) Subscriber

Q3. A site visitor navigates to www.example.com/old-page which no longer exists. Which page type handles this scenario, and what content should it include?

A) The FAQ page — it should list common broken links
B) The Privacy Policy page — it should log the 404 event
C) The 404 Error page — it should include an error message, helpful links, and a search bar
D) The Home page — it should automatically redirect all broken URLs

Q4. You install WordPress and want the URL for a blog post titled "Getting Started" to appear as yourdomain.com/blog/getting-started rather than yourdomain.com/?p=123. Where in the WordPress dashboard do you configure this?

A) Appearance → Themes
B) Plugins → Add New
C) Settings → Permalinks
D) Users → User Roles

A1. B — WordPress is an open-source CMS, meaning anyone can use, modify, and distribute it freely. It manages content, appearance, and functionality without requiring users to write code.

A2. C — The Contributor role lets users write and edit their own posts but cannot publish them. An Author can publish their own posts; an Administrator has full site access — neither is right here.

A3. C — The 404 Error Page notifies visitors that a requested page cannot be found. It should always include an error message, helpful navigation links, and a search bar so the visitor can recover without leaving the site.

A4. C — Permalink structure is controlled under Settings → Permalinks in the WordPress dashboard. Changing this to a "Post name" or custom structure produces clean, readable, SEO-friendly URLs instead of query-string IDs.

🪞 Recap

• A website is made of nine standard page types, each serving a distinct purpose from welcoming visitors (Home) to handling errors (404).
• WordPress is an open-source CMS powering over 40% of the internet, built around themes, plugins, widgets, menus, a media library, and role-based user management.
• Setting up WordPress follows a clear sequence: domain and hosting → install → theme → plugins → pages → customize → content.
• Essential plugins like Yoast SEO, Contact Form 7, and WooCommerce extend core WordPress functionality without custom development.
• Ongoing maintenance — updates, backups, security, performance, and analytics — keeps a live site healthy and trustworthy.

📚 Further Reading

• WordPress Official Documentation — the authoritative reference for every feature, setting, and hook in WordPress
• Yoast SEO Plugin — official docs and guides for optimizing WordPress content for search engines
• WooCommerce Documentation — complete reference for building an e-commerce store on WordPress
• Contact Form 7 Documentation — setup and customization reference for CF7 contact forms
• ⬅️ Previous: Fundamentals in Digital Marketing
• ➡️ Next: Basics of Website Creation and Design