WordPress.org

Jason Crist

Ben Dwyer

jeffikus

Cullen Whitmore

Echo

Madhu Dollu

Maggie Cabrera

Matias Benedetto

Sarah Norris

Vicente Canales

Jeff Ong

<p>This plugin allows you to:</p>
<ul>
<li>Create a blank theme</li>
<li>Create a new theme based on the currently active theme</li>
<li>Create a child theme of the active parent theme</li>
<li>Create a new style variation</li>
<li>Export a theme</li>
<li>Save user changed templates and styles to the active theme</li>
</ul>
<p>All newly created themes or style variations will include changes made within the WordPress Editor.</p>
<p>This plugin also makes several changes to the contents of a theme, including:</p>
<ul>
<li>Adds all images used in templates to the theme’s <code>assets</code> folder.</li>
<li>Ensures the block markup used in templates and patterns is export-ready.</li>
<li>Ensures most strings used in templates and patterns are translate-ready.</li>
</ul>
<p><em>Disclaimer:</em> The Create Block Theme plugin offers critical developer-friendly features; you can think of it as a Development Mode for WordPress, and you should <em>keep in mind that changes made through this plugin could change your site and/or theme permanently</em>.</p>
<p>(Make sure you know what you’re doing before hitting that ‘Save’ button 😉)</p>
<h4>Step 1 – Setup</h4>
<p>Install and activate the <a href="https://wordpress.org/plugins/create-block-theme" rel="ugc">Create Block Theme</a> plugin.</p>
<p>There will be a new panel accessible from the WordPress Editor, which you can open by clicking on a new icon to the right of the “Save” button, at the top of the Editor.</p>
<h4>Step 2 – Style Customizations</h4>
<p>Make changes to your site styles, fonts and templates using the Editor.</p>
<h4>Step 3 – Export</h4>
<p>Still in the WordPress Editor, navigate to the Create Block Theme menu at the top of the Editor.</p>
<p>To save recent changes made in the Editor to the currently active theme:</p>
<ul>
<li>Select “Save Changes” to save any recent changes to the currently active theme.</li>
</ul>
<p>To install and uninstall fonts:</p>
<ul>
<li>Install and activate a font from any source using the WordPress Font Library.</li>
<li>Select “Save Changes To Theme” and select “Save Fonts” to save all of the active fonts to the currently active theme. These fonts will then be activated in the theme and deactivated in the system (and may be safely deleted from the system).</li>
<li>Any fonts that are installed in the theme that have been deactivated with the WordPress Font Library will be removed from the theme.</li>
</ul>
<p>or export the theme:</p>
<ul>
<li>Select “Export Zip” to export the theme as a zip file.</li>
</ul>
<p>To edit the theme metadata:</p>
<ul>
<li>Select “Edit Theme Metadata” to edit the metadata for the theme. These details will be used in the style.css file.</li>
</ul>
<p>To inspect the active theme’s theme.json contents:</p>
<ul>
<li>Select “Inspect Theme JSON”</li>
</ul>
<p>To create a new blank theme:</p>
<ul>
<li>Select “Create Blank Theme”</li>
<li>Supply a name for the new theme (and optional additional Metadata)</li>
<li>Click “Create Blank Theme”</li>
</ul>
<p>To create a variation:</p>
<ul>
<li>Select “Create Theme Variation”</li>
<li>Provide a name for the new Variation</li>
<li>Click “Create Theme Variation”</li>
</ul>
<p>To create a new Clone of the current theme or to create a Child of the current theme:</p>
<ul>
<li>Click “Create Theme”</li>
<li>Click “Clone Theme” to create a new Theme based on the active theme with your changes</li>
<li>Click “Create Child Theme” to create a new Child Theme with the active theme as a parent with your changes</li>
</ul>
<p>Many of these options are also available under the older, deprecated Create Block Theme page under Appearance > Create Block Theme.</p>
<h3>General Troubleshooting</h3>
<p>If you are having problems, please try the following:</p>
<ul>
<li>Make sure you have the latest version of WordPress installed.</li>
<li>Make sure you have the latest version of the plugin installed.</li>
<li>Deactivate all plugins and see if this resolves the problem. If this works, re-activate the plugins one by one until you find the problematic plugin(s).</li>
<li>Switch the theme to the default theme to rule out any theme-related problems.</li>
<li>Check the <a href="https://wordpress.org/support/plugin/create-block-theme/" rel="ugc">Support forum</a> for similar issues.</li>
</ul>
<h3>I’m getting a corrupt zip file when I export my theme</h3>
<ul>
<li>First follow the general troubleshooting steps above.</li>
<li>Please make sure you <code>WP_DEBUG</code> setting in your <code>wp-config.php</code> file is set to <code>false</code> like this: <code>define( 'WP_DEBUG', false );</code>.</li>
<li>If your theme includes PHP files, ensure those files do <strong>not</strong> use PHP closing tags <code>?></code> at the end of the file. If they do, remove them.</li>
</ul>


Create Block Theme

The direction this plugin is going is fantastic and really empowers no-code/low-code theme designers. Would love to see it integrated in Core at some point, but having this functionality in a separate feature plugin is a great first step.

Fantastic already, but lots of potential

This plugin is the perfect way to get started building block themes. You can edit an existing theme in the editor, and export your changes to a new theme or a  child theme. 

Perfect for the new block theme developer

This plugin will let you create a block theme easily. It generates all the code so you can focus on design. I hope the authors will keep up the good work on this plugin and add even more features in the future.

Works perfectly!


Love it, and it's finally a clean and easy to use solution to send our theme users to, if they want to add a custom font or create a child theme for any purpose really.It's also great to add fonts to our themes, although it would be great, if it would work with variable fonts and WOFF2.


What did you do without this before 😍


I love this. In just about a blink of the eye, I can create my own custom version of an already-built theme. Sweet!


Easy Peasy


Thanks for this. It works well. It's exciting that block theme design is low code. This plugin makes it even more low code.


Kind of a dream


As someone learning how to create block themes, I appreciate that this plugin exists to help fill the gap in knowledge!



I appreciate this plugin


After hours of setting up my blog with blocks I realized: I should really use a child theme. A practice I forgot after years of not dealing with wordpress. When I created the most basic child theme it did not inherit my settings either. This plugin did exactly that. It made a minimal child theme with all my settings intact. My only problem with it, that it instantly turn the child theme to be active and that is a risky behavior, but it did not cause problems.


just great!

A WordPress plugin to create block themes.

Oliver Campion

<h4>Template Editor</h4>
<p>With WordPress v5.9 the first default theme with Full Site Editing was launched … Twenty Twenty-Two.</p>
<p>This plugin expands on the functionality to manage (export / import) templates that are not part of the theme without having to have a child theme.</p>
<p>Having a block theme also removes links to the Customizer. This plugin changes that!</p>
<p>This plugin will also enable the Template Editor in Gutenberg for full site editing for any theme!</p>
<h4>Additional Core Block Options</h4>
<ul>
<li>Option to enable expandable submenus to the Navigation Block modal.</li>
<li>Option to add full block link option to Group and Cover Blocks.</li>
<li>Option to close other Details Blocks when selected one is opened giving the Details Block basic accordion functionality.</li>
</ul>
<h4>Conditional Block Logic</h4>
<ul>
<li>Enable Block Logic and you will be able to show or hide blocks conditionally by Date / Time. We will be adding more conditions in the future.</li>
</ul>
<h4>Reinstate Customizer Links</h4>
<p>Activating the plugin will inject the “Customize” links back into the “Dashboard – Appearance” and Admin Bar locations for WordPress prior to v6.0. There is an option to disable this if you prefer.</p>
<h4>Edit Existing Templates</h4>
<p>Once you’ve installed this plugin, head over to “Dashboard – Appearance – Manage Templates” where you can change the title, description and name of customized templates from the active theme or any other theme.</p>
<h4>Duplicate Templates</h4>
<p>Save templates as a copy to the active theme.</p>
<p>This allows you to use the <a href="https://developer.wordpress.org/themes/basics/template-hierarchy/" rel="nofollow ugc">WordPress Template Hierarchy</a> to name your templates so that they can be used for custom post types, custom taxonomies, specific post or pages or anything you like!</p>
<h4>Delete Templates</h4>
<p>Easily delete templates from the active theme or any other theme. This doesn’t delete the orginal theme template, just any customizations you have made.</p>
<h4>Download Templates</h4>
<p>Download your template as .json files to back them up or to migrate them to another WordPress site.</p>
<h4>Upload Templates</h4>
<p>Upload template .json files to the active theme. This allows you to restore a template you backed up or migrate a template to another WordPress site.</p>
<h4>Download Global Styles</h4>
<p>Download your global styles as .json files to back them up or to migrate them to another WordPress site or theme.</p>
<h4>Upload Global Styles</h4>
<p>Upload global styles .json files to the active theme. This allows you to restore global styles you backed up or migrate global styles to another WordPress site.</p>
<h4>Sticky Header</h4>
<p>Easily enable a sticky header / menu in full site editor themes like Twenty Twenty-Two.</p>
<h4>Animate Site Logo</h4>
<p>Enable an option to shrink the header site logo when you scroll down the page.</p>
<h4>Add Google Fonts to Editor</h4>
<p>NB: This is only relevant to WordPress v5.8 – v6.4 and classic themes as the Font Library was introduced into core in v6.5</p>
<p>Choose Google Fonts and add them to the full screen editor global styles options!</p>
<h4>Remove Block Theme Fonts</h4>
<p>NB: This is only relevant to WordPress v5.8 – v6.4 as the Font Library was introduced into core in v6.5</p>
<p>This plugin will allow you to choose which theme fonts are included in the FSE editor and if not required will prevent them from being loaded on the front end.</p>


Options for Block Themes

The great plugin "Options for Block Themes" offers some interesting things that are very interesting for users who create their websites with a block theme such as Twenty Twenty-Four. For me, an important aspect was the shrinked header. But the other options are also very helpful because they simplify the management of block themes.

Great Plugin with very interesting options (f. e. shrinked header)

Import / Export global styles, templates and template parts to Full Site Editing / Block Themes without a child theme!

Create Block Theme vs Options for Block Themes