/create-block-theme

A WordPress plugin to create block themes

Primary LanguageJavaScriptGNU General Public License v2.0GPL-2.0

Create Block Theme

A WordPress plugin to create block themes.

This plugin allows you to:

  • Create a new theme, blank theme, child theme or style variation.
  • Embed Google Fonts in your theme
  • Embed local font assets in your theme

The plugin is development only — not intended for use on production websites, but used as a tool to create new themes.

Create Block Theme

This feature can be used in six ways:

1.Export

Export the activated theme including the user changes.

2. Create a child theme

Creates a new child theme with the currently active theme as a parent.

3. Clone the active theme

Creates a new theme by cloning the activated theme. The resulting theme will have all of the assets of the activated theme combined with the user's changes.

4. Overwrite theme files

Saves user's changes to the theme files and deletes the user's changes.

5. Generate blank theme

Generate a boilerplate "empty" theme inside of current site's themes directory.

6. Create a style variation

Saves user's changes as a style variation of the currently active theme.

Embed Google Fonts or local font files

This feature allows you to embed fonts into your active theme. You can embed Google Fonts and local font assets.

When you add a font the plugin will add to your theme:

  • The font files to your theme's file structure under this path ./assets/fonts.
  • The font face definitions to the theme.json file.

You can continue using your modified theme or you can export it as a new theme containing the new fonts.

How to use the plugin

Step 1 – Setup

Install and activate the Create Block Theme plugin.

In the WordPress Admin Dashboard, under Appearance there will be three new pages called:

  • Create Block Theme
  • Embed Google font in your active theme
  • Embed local font file assets

Step 2 – Fonts, styles and templates customizations

Make changes to your site styles and templates using the Site Editor. You can also include new fonts using the plugin options.

Step 3 – Save

Still in the WordPress dashboard, navigate to "Appearance" -> "Create Block Theme" section. Select one of the available options and then, if necessary, add the details for the theme here. These details will be used in the style.css file. Click "Generate” button, to save the theme.