BlockExpander

Opis

BlockExpander enables a fast, code-inspired workflow for assembling page structures in the WordPress block editor using Emmet-style shorthand syntax.

How It Works:

  1. Press Ctrl+Shift+E (or Cmd+Shift+E on Mac) to open the BlockExpander modal
  2. Enter an Emmet expression (e.g., columns>column*3>paragraph)
  3. Press Enter to expand the expression into blocks
  4. Blocks are inserted at your cursor location

Syntax Examples:

  • paragraph – Creates a paragraph block
  • columns>column*3 – Creates a columns block with 3 columns
  • group.container – Creates a group block with class „container”
  • group#hero – Creates a group block with anchor „hero”
  • paragraph{Hello World} – Creates a paragraph with custom text

Features:

  • Familiar Emmet syntax for rapid block creation
  • Keyboard-triggered modal for seamless workflow
  • Supports nesting, multiplication, classes, IDs, and text content
  • Automatic Lorem Ipsum placeholder text for content blocks
  • Fully compatible with all core Gutenberg blocks

Zrzuty ekranu

Instalacja

  1. Upload the plugin files to /wp-content/plugins/blockexpander, or install through the WordPress plugins screen
  2. Activate the plugin through the 'Plugins’ screen in WordPress
  3. In the block editor, press Ctrl+Shift+E (or Cmd+Shift+E) to open the expander

Najczęściej zadawane pytania

What is Emmet?

Emmet is a toolkit for web developers that uses CSS-selector-like abbreviations to rapidly generate HTML structures. BlockExpander adapts this approach for Gutenberg blocks.

What keyboard shortcut opens the modal?

Ctrl+Shift+E on Windows/Linux or Cmd+Shift+E on Mac.

Can I use any block name?

Yes! Any tag name becomes core/<tagname>. For example, paragraph becomes core/paragraph, columns becomes core/columns, etc.

Recenzje

Wtyczka nie ma jeszcze żadnej recenzji.

Kontrybutorzy i deweloperzy

„BlockExpander” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Rejestr zmian

0.1.0

  • Initial release
  • Emmet expression parsing via @emmetio/abbreviation
  • Modal UI with keyboard shortcut
  • Support for nesting, multiplication, classes, IDs, and text content