Create Block Theme

Create Block Theme is a new pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party which makes it easier for theme builders to use the existing Site Editor tools to create new blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. themes.

What does it do?

This is a plugin which provides tools to enable theme builders to create block themes. There are five different ways of using it:

  1. Export: The current theme gets exported as a zip file, along with the user’s changes. This is essentially the same as the export option in the Site Editor
  2. Create a child themeChild theme A Child Theme is a customized theme based upon a Parent Theme. It’s considered best practice to create a child theme if you want to modify the CSS of your theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/.
    Creates a new child theme with the currently activated theme as a parent.
  3. Clone the current 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. Create blank theme
    Generates an “empty” theme inside of this site’s themes directory.

How do I use it?

This tool is designed to complement the existing tools in the Site Editor. You can build your theme using the Site Editor, and then use this plugin to save your changes in the way that is most convenient for your use case. You can see this in action in Designing a theme in the WordPress Editor by @beafialho.

The Training Team is busy working on a course for Learn WordPress all about creating block themes using the Create Block Theme plugin.

Who is it for?

This plugin is aimed at theme builders – both designers and developers. It is useful for sharing your designs between multiple sites or users. If you’re just building a site for yourself you probably don’t need it.

Note: This is a new tool and it may have unexpected behaviour. It is not advised to use it on a production siteProduction Site A production site is a live site online meant to be viewed by your visitors, as opposed to a site that is staged for development or testing..

Why isn’t this in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/?

Some features from this plugin (theme export) have made their way from this plugin into Gutenberg. This plugin is aimed at more advanced theme builders, but would be confusing for average users. The best way to make these tools available for people who want them is to put them in a separate plugin which is easy to install.

At the moment the UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. of this plugin is totally separate from Gutenberg. In time we expect more integration with the Site Editor UI, to make it easier to access these features.

How do I contribute to the plugin?

Everyone is encourage to contribute to this plugin in GitHub, by creating pull requests or issues.

Thanks

Thanks to everyone who has helped build this great tool:
@onemaggie @pbking @mikachan @mmaattiiaass @jeffikus @jffng @mrdollu @chaosexanima @phillsav

Questions

If you have any questions please ask in the comments.