Pattern Paste
Subscribe

Theme installation, 3 routes

Installing your design system

You built a design system on the theme tool and downloaded a package. This is how to put it on a WordPress site, whichever of the three you took. Every route ends in the same place: your colours, your type and 8 sections a Group block can wear.

Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.

Where is this design system going?

  1. Starting a new site

    The whole theme

    You get a complete block theme: templates, header and footer, the palette and every section.

    32 files, 91.4KB unpacked

    How to install it

  2. Keeping your theme, switchable in Styles

    A child theme

    You get a child of the theme you name: the design system, and no templates, so your parent theme goes on supplying every layout.

    16 files, 88.5KB unpacked

    How to install it

  3. Editing the theme files yourself

    theme.json and the section partials

    You get theme.json and one styles/section-*.json per section, to copy into your active theme's folder over FTP or your host's file manager.

    10 files, 38.2KB unpacked

    How to install it

Not sure yet? Every page below says what its route cannot do as plainly as what it does. If you have a site already and no strong feeling about theme files, take the child theme.

Build a design system in the theme tool

Installing the Pattern Paste plugin

Separately from all of that: Designed Patterns use the companion plugin for their composition and optional behaviour. It arrives with your access, and its optional section library starts off. Install it before you paste your first Designed Pattern.

How to install it

Next step

Your theme is in. Now fill the pages.

Core Patterns are native blocks that take the colours and type you just installed.

Browse Core PatternsGet the free plugin