Pattern Editor

Description

Pattern Editor is a plugin to help you create and edit patterns for WordPress block themes. It automatically exports patterns on save as PHP files to the active themes patterns directory.

It works with the built-in wp_block post type and adds some minimal UI features to make working with patterns easier. The new Block Pattern editor UI in the Site Editor is supported, and the wp_block post type screen is exposed in the admin menu for quick access.

Features

  • Exports assets (images, SVGs, videos) to the active theme’s assets directory.
  • Pattern front end previews.
  • Export patterns as PHP files.
  • Import patterns from PHP files.
  • Edit patterns in the block editor.
  • Can export to category subdirectories or a single directory.
  • Supports the new Block Pattern editor UI in the Site Editor.

Filters

blockify_pattern_export_use_category_dirs - Enable or disable the use of category directories for pattern exports. Default is `true`. If enabled, patterns will be exported to `patterns/{category}/{pattern-name}.php`. If disabled, patterns will be exported to `patterns/{category}-{pattern-name}.php`.

blockify_image_export_dir - Set the directory where images and assets are exported to. Default is `themes/$stylesheet/assets`. Images are saved to the `img` subdirectory, SVGs to the `svg` subdirectory, and videos to the `video` subdirectory.

blockify_pattern_export_content - Allows you to modify the content of the exported pattern file. The first parameter is the content of the pattern file, the second parameter is the pattern post object, and the third parameter is the pattern category slug.

More documentation coming soon.

Screenshots

  • Block Patterns post type edit screen
  • Site Editor block pattern screen
  • Edit pattern screen

Installation

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’
  2. Search for ‘Debug Toolkit’
  3. Activate Debug Toolkit from your Plugins page.

FAQ

How does this plugin work?

Pattern Editor automatically exports patterns on save as PHP files to the active themes patterns directory. It works with the built-in wp_block post type and adds some minimal UI features to make working with patterns easier.

Who is this plugin for?

This plugin is designed to be used by developers and theme authors.

Reviews

August 2, 2024
If you have exported the patterns and saved them in the theme, nothing happens after importing. No patterns are imported, even though they are saved in the theme.
Read all 1 review

Contributors & Developers

“Pattern Editor” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Pattern Editor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1.1 – 29 March 2024

  • Remove: Blocks (temporarily)

0.1.0 – 29 March 2024

  • Update: Stable version
  • Add: Escape exported URLs
  • Add: Use category dirs filter
  • Add: Basic pattern canvas implementation
  • Fix: Import pattern category title acronyms

0.0.3 – 2 April 2023

  • Update: Stable version

0.0.2 – 21 March 2023

  • Remove: Navigation menu ref attribute

0.0.1 – 21 March 2023

  • Initial release