On a website, a theme is the packaged look of the whole site: fonts, colours, spacing, header and footer, and the layouts each type of page uses. Your words, products and photos live separately in the platform's database, so you can switch the theme and keep the content. (In literature, "theme" means the central idea of a story; this entry covers the website meaning.)
What a theme actually contains
A theme is a folder of files that the platform reads every time it builds a page. On WordPress that means PHP or block template files, a style.css stylesheet, a theme.json file for global settings in block themes, and assets like icons. On Shopify, themes are written in the Liquid templating language with sections and blocks you rearrange in the theme editor. Either way, the theme decides structure and presentation, while the CMS supplies the content.
Most themes expose settings so you can change the logo, brand colours and fonts without code. Deeper changes mean editing the theme files or the CSS.
Theme or template: the difference
People mix these up. A theme governs the entire site. A template is usually one layout inside it, such as the blog post template or the product page template. One theme typically ships with many templates.
Changing themes on a Shopify bakery
A bakery runs its shop on Shopify using Dawn, the free theme Shopify publishes. The owner sets the colours to match the shop sign, uploads the logo and picks a heading font in the theme settings. A year later she installs a different theme for a refresh. Products, prices and orders stay exactly as they were, but menus, homepage sections and any custom code added to Dawn have to be set up again.
When a theme decision matters
If you use WordPress, Shopify, Squarespace or Wix, the theme is one of your biggest early choices because it shapes speed, mobile layout and how much you can change later. If your site is custom-built or generated as code, there may be no "theme" in the plugin sense; the same job is done by a stylesheet and shared components.
Theme mistakes that cost time later
- Editing the parent theme directly. On WordPress, a theme update overwrites those edits. Use a child theme or the site editor instead.
- Choosing by the demo. Demos use professional photos and perfect copy. Judge the layout with your own content.
- Ignoring weight. Themes bundled with sliders, animation libraries and many fonts can slow every page.
- Buying abandoned themes. Check when it was last updated; stale themes break on new platform versions.
Related terms
- Template: a single page layout, usually part of a theme.
- CMS: the system that stores content a theme displays.
- Design system: the documented rules a custom theme can be built from.
- Color palette: one of the first settings you change in a theme.