[Docs]

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 four 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 6.7 to 7.0. Classic themes and page builders are not supported: a pattern takes its colours, spacing and type from the theme's theme.json, which is the file a classic theme does not have.

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.

    21 files, 46.5KB unpacked

    How to install it

  2. Adding it to the site you have

    A plugin, one file

    You get a plugin: upload it under Plugins, activate it, and it lays this design system over whatever theme is already active.

    2 files, 39.4KB unpacked

    How to install it

  3. 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.

    13 files, 45.1KB unpacked

    How to install it

  4. 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, 36.5KB 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 plugin.

Build a design system in the theme tool