Themes

A theme controls how your WordPress site looks — its design, layout, colours, and fonts. Choosing and installing the right theme instantly gives your site a professional appearance without any design work. This lesson covers themes — the look of your site. Let's dress up your site. Let's master themes.

What themes are and choosing one

A THEME = a design package that controls your site's LOOK + LAYOUT — the overall appearance:
layout structure, colours, fonts, header/footer style, + how pages/posts display. Change the
theme -> change the whole look (your CONTENT stays; only the design changes). Themes let you
get a professional design WITHOUT designing/coding from scratch.

WHERE THEMES COME FROM:
- THE WORDPRESS THEME DIRECTORY — thousands of FREE themes (Appearance > Themes > Add New).
  Vetted + easy to install.
- PREMIUM THEMES — paid themes (from marketplaces/developers) — often more features, polish,
  support, + demo content. ($30-100ish.)
- DEFAULT THEMES — WordPress ships with default themes (e.g. the "Twenty..." series) — solid,
  modern block themes.

TWO KINDS OF THEMES (modern WordPress):
- BLOCK THEMES (newer) — you edit the ENTIRE site (header, footer, templates, styles) with
  BLOCKS via the SITE EDITOR (Appearance > Editor). Full visual control with block skills.
  The modern direction.
- CLASSIC THEMES — edited via the CUSTOMIZER (Appearance > Customize) + widgets; content in the
  block editor but site structure is more fixed. Still very common.
(Both work; block themes are the future + more flexible.)

CHOOSING A GOOD THEME:
- FITS YOUR PURPOSE — pick a theme suited to your site type (business, blog, shop, portfolio).
  Many are niche-designed.
- RESPONSIVE (mobile-friendly) — MUST look good on phones (most traffic). Nearly all modern
  themes are.
- CLEAN, PROFESSIONAL DESIGN you like — matches the vibe you want.
- WELL-RATED + UPDATED — good reviews, active updates, + support (esp. for premium). Avoid
  abandoned themes.
- NOT BLOATED — lightweight/fast themes beat feature-crammed slow ones. Speed matters.
- CUSTOMISABLE — lets you set your colours/fonts/logo/layout (customising lesson).

A theme is a design package that controls your site's look and layout — the overall appearance: layout structure, colours, fonts, header/footer style, and how pages/posts display — change the theme → change the whole look (your content stays; only the design changes) — themes let you get a professional design without designing/coding from scratch. Where themes come from: the WordPress theme directory (thousands of free themes — Appearance > Themes > Add New — vetted + easy to install), premium themes (paid — from marketplaces/developers — often more features, polish, support, and demo content — $30–100ish), and default themes (WordPress ships with default themes — the "Twenty…" series — solid, modern block themes). Two kinds of themes (modern WordPress): block themes (newer) (you edit the entire site — header, footer, templates, styles — with blocks via the site editor — Appearance > Editor — full visual control with block skills — the modern direction) and classic themes (edited via the Customizer — Appearance > Customize — plus widgets; content in the block editor but site structure is more fixed — still very common) — (both work; block themes are the future and more flexible). Choosing a good theme: fits your purpose (suited to your site type — business, blog, shop, portfolio — many are niche-designed); responsive (mobile-friendly) (must look good on phones — most traffic — nearly all modern themes are); clean, professional design you like (matches the vibe you want); well-rated + updated (good reviews, active updates, and support — avoid abandoned themes); not bloated (lightweight/fast themes beat feature-crammed slow ones — speed matters); and customisable (lets you set your colours/fonts/logo/layout).

Installing a theme and doing it well

INSTALLING + ACTIVATING A THEME:
1. Appearance > THEMES > ADD NEW.
2. Browse/search the free directory (or "Upload Theme" for a premium .zip you bought).
3. Click INSTALL on a theme you like.
4. Click ACTIVATE -> it becomes your live theme. Your site now uses that design.
5. (Optional) Many themes offer DEMO/STARTER CONTENT you can import to get a ready-made layout
   to edit — a fast start.

DOING IT WELL:
- PREVIEW BEFORE ACTIVATING — use "Live Preview" to see your site in the theme first.
- START WITH A GOOD DEFAULT OR POPULAR THEME — the default block themes (Twenty...) or a
  well-known multipurpose theme are safe, flexible starting points for beginners.
- DON'T THEME-HOP ENDLESSLY — pick one solid theme + customise it, rather than constantly
  switching (switching can disrupt layout/settings). Commit + customise.
- CHECK IT ON MOBILE — confirm the theme looks good on phones.
- KEEP THEMES UPDATED + DELETE UNUSED ONES — update your active theme (security/fixes) + remove
  themes you're not using (fewer to maintain/secure — backups-updates lesson).
- USE A CHILD THEME IF EDITING CODE — if you'll edit theme code, use a CHILD THEME so updates
  don't overwrite your changes (customising lesson). (Not needed for normal visual customising.)
- BLOCK THEME = more control — if you want full visual editing of the whole site, choose a BLOCK
  theme + use the Site Editor.

THE PRINCIPLE: a THEME controls your site's LOOK (layout/colours/fonts/header/footer) — swap it
to change the whole design (content stays). Choose a responsive, well-rated, purpose-fit, not-
bloated theme (free directory or premium; block themes for the most control), then Install +
Activate. Preview first, commit to one + customise it, keep it updated, + check mobile. The
theme is your site's design foundation.

Installing + activating a theme: (1) Appearance > Themes > Add New; (2) browse/search the free directory (or "Upload Theme" for a premium .zip you bought); (3) click Install on a theme you like; (4) click Activate → it becomes your live theme (your site now uses that design); and (5) (optional) many themes offer demo/starter content you can import to get a ready-made layout to edit — a fast start. Doing it well: preview before activating (use "Live Preview" to see your site in the theme first); start with a good default or popular theme (the default block themes — Twenty… — or a well-known multipurpose theme are safe, flexible starting points); don't theme-hop endlessly (pick one solid theme and customise it, rather than constantly switching — switching can disrupt layout/settings — commit and customise); check it on mobile (confirm it looks good on phones); keep themes updated + delete unused ones (update your active theme — security/fixes — and remove themes you're not using — fewer to maintain/secure); use a child theme if editing code (if you'll edit theme code, use a child theme so updates don't overwrite your changes — not needed for normal visual customising); and block theme = more control (if you want full visual editing of the whole site, choose a block theme and use the Site Editor). The principle: a theme controls your site's look (layout/colours/fonts/header/footer) — swap it to change the whole design (content stays); choose a responsive, well-rated, purpose-fit, not-bloated theme (free directory or premium; block themes for the most control), then Install + Activate; preview first, commit to one and customise it, keep it updated, and check mobile — the theme is your site's design foundation.

The mistake beginners make

The first mistake is theme-hopping endlessly — constantly switching themes instead of committing and customising one (switching disrupts layout/settings); pick one solid theme and customise it. The second mistake is a bloated, slow theme — choosing a feature-crammed theme that slows the site; prefer lightweight, fast themes. The third mistake is an abandoned/unvetted theme — installing a poorly-rated, unupdated, or sketchy theme (security/breakage risk); choose well-rated, updated themes. And editing theme code without a child theme — customising theme files directly, then losing changes on update; use a child theme for code edits. And not checking mobile — a theme that breaks on phones; check mobile before committing. Commit to one theme, avoid bloat, choose vetted/updated themes, use a child theme for code, and check mobile.

Your turn

---

Your turn

1. Understand what a theme does: note that a THEME controls your site's LOOK + layout (colours/fonts/header/footer/structure) - swapping it changes the whole design while your content stays.
2. Choose a good theme: pick one that fits your site's purpose (business/blog/shop/portfolio), is responsive (mobile-friendly), well-rated + updated, clean/professional, and not bloated - a default block theme or a popular multipurpose theme is a safe start.
3. Install + activate: go to Appearance > Themes > Add New, use Live Preview, then Install and Activate the theme you like (or Upload Theme for a premium .zip) - optionally importing demo/starter content.
4. Decide block vs classic: for full visual control of your whole site (header/footer/templates), choose a BLOCK theme and use the Site Editor; classic themes use the Customizer.
5. Commit + maintain: pick one solid theme and customise it (don't theme-hop), check it on mobile, keep it updated, delete unused themes, and use a CHILD THEME only if you'll edit theme code.

Key points

• A THEME = a design package controlling your site's LOOK + LAYOUT (structure/colours/fonts/header/footer/how pages display). Swap the theme -> the whole design changes (CONTENT stays). Themes give a professional design without coding.
• Where from: the free WordPress THEME DIRECTORY (Appearance > Themes > Add New — vetted), PREMIUM themes (paid — more features/polish/support/demo content), and DEFAULT themes (the 'Twenty...' block themes). TWO kinds: BLOCK themes (edit the WHOLE site — header/footer/templates — with blocks via the SITE EDITOR — the modern, most flexible) vs CLASSIC themes (Customizer + widgets — more fixed structure).
• Choose a good theme: FITS your purpose (business/blog/shop/portfolio), RESPONSIVE (mobile — most traffic), clean/professional design you like, WELL-RATED + updated (avoid abandoned), NOT bloated (lightweight = fast), and CUSTOMISABLE.
• Install: Appearance > Themes > Add New -> browse/search (or Upload a premium .zip) -> Install -> ACTIVATE (it's now live). Optionally import DEMO/starter content for a fast start; Live Preview first.
• Do it well: preview before activating, start with a good default/popular theme, DON'T theme-hop (commit + customise one — switching disrupts layout/settings), check MOBILE, keep themes UPDATED + delete unused, and use a CHILD THEME only if editing code. The mistakes: theme-hopping, a bloated/slow theme, an abandoned/unvetted theme, editing code without a child theme, and not checking mobile.