Skip to content
SiteShiftCo

Theme / template

A theme is a packaged set of design and code files that controls the visual appearance and structure of a website. A template is a layout for a specific page type within a theme.

Also known as: theme, template, site theme, page template

In website terminology, a theme is a packaged set of design and code files that controls how a site looks and how its pages are structured. A template is typically a single layout within a theme, defining the structure of a specific type of page (homepage, blog post, product page, contact page).

The terms overlap in usage: many platforms use “template” loosely to mean what other platforms call a “theme.”

How themes and templates relate

A typical CMS theme consists of:

  • Templates, files that define the layout of specific page types (e.g., home.html, post.html, archive.html)
  • Stylesheets (CSS), the visual design (colors, typography, spacing, layout)
  • JavaScript, interactive behavior
  • Images and assets, logos, icons, background images
  • Configuration, theme options exposed to users (color schemes, layout choices)

A site uses one theme at a time. Within that theme, different page types use different templates.

Themes by platform

PlatformTerm usedCustomization model
WordPressThemePHP templates + CSS, via theme files; child themes for safe customization
ShopifyThemeLiquid templates + CSS; theme settings in admin
SquarespaceTemplate (older) / Brine family / Fluid Engine (newer)Limited customization through theme options
WixTemplate (starting point); ongoing edits via editorFully visual, less template-driven
WebflowTemplateDesigner tool; HTML/CSS-aware
GhostThemeHandlebars templates + CSS
DrupalThemeTwig templates + CSS
Static site generatorsTemplateVaries (Liquid, Nunjucks, EJS, Astro components, etc.)

Where themes come from

  • Built-in themes. Bundled with the platform; usually free
  • Theme marketplaces. Curated collections (Squarespace, Shopify Theme Store, ThemeForest, WordPress.org Theme Directory)
  • Premium themes. Paid themes offering more polish or specialized features (often $30–$200)
  • Custom themes. Built specifically for a site by a developer or designer
  • Open-source themes. Free, community-maintained themes (common in WordPress, Hugo, Jekyll, Astro ecosystems)

Theme customization

Most CMS platforms allow theme customization at multiple levels:

  1. Theme settings. Built-in options (colors, fonts, layout choices)
  2. Custom CSS. Adding stylesheet rules without modifying the theme files
  3. Child themes. A theme that inherits from a parent theme; safe place to make changes that survive parent theme updates (common in WordPress)
  4. Direct edits. Modifying theme files; can be lost during theme updates unless using a child theme or version control
  5. Custom themes from scratch. For full control

Strengths of using a theme

  • Speed. A site can be visually complete and consistent within hours
  • Cost efficiency. Premium themes provide professional design at low cost compared to custom development
  • Best practices included. Well-built themes follow accessibility, SEO, and performance standards
  • Updates and support. Maintained themes receive security and feature updates

Limitations of using a theme

  • Customization ceiling. Significant changes can be difficult without development work
  • Generic appearance. Popular themes may produce visually similar sites
  • Performance variability. Themes vary widely in code quality, page weight, and JavaScript usage
  • Update risk. Modified themes can break when updated unless changes are isolated (child themes, custom CSS)
  • Lock-in to the theme’s structure. Switching themes can be a substantial rebuild, especially for content using theme-specific shortcodes or blocks

Templates within themes

A single theme typically includes templates for:

  • Homepage
  • Standard pages
  • Blog post listings (archive)
  • Individual blog posts
  • Search results
  • Author archives
  • Category and tag archives
  • 404 (page not found)
  • Custom post types or content types (products, events, projects)

Templates within a theme share visual styling and components but differ in layout and content arrangement.

Themes vs page builders

A theme defines layouts at the template level; a page builder defines layouts at the individual page level. Many sites use a theme that provides global structure (header, footer, navigation) and a page builder for designing individual page content.

Common misconceptions

  • “Switching themes is just a visual change.” Themes can include functionality (custom post types, shortcodes, widgets), and switching can affect what content displays correctly.
  • “Premium themes are always better than free ones.” Quality varies in both categories; some free themes (like WordPress’s default themes) are well-maintained, while some premium themes have significant performance issues.
  • “All themes are responsive and accessible.” Most modern themes are, but quality varies; testing is recommended before committing.