BlockExpander

விளக்கம்

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

Screenshots

Installation

  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

அடிக்கடி கேட்கப்படும் கேள்விகள்

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.

Reviews

இந்த செருகுநிரலுக்கு மதிப்புரைகள் எதுவும் இல்லை.

பங்களிப்பாளர்கள் & உருவாக்குனர்கள்

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

பங்களிப்பாளர்கள்

Translate “BlockExpander” 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.0

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