Appearance
Commands
The commands you'll actually type while building a Divi Extension.
Scaffolding
bash
# Run inside wp-content/plugins/ to scaffold a new extension
npx create-divi-extensionThe CLI will prompt for:
- Plugin name (human-readable, e.g. "Simple Header Pack")
- Plugin slug (kebab-case, e.g. "simple-header-pack")
- Author info
Inside the extension plugin folder
bash
# Install dependencies (run once after scaffolding)
yarn installbash
# Start the dev watcher — recompiles JSX on save
yarn startbash
# Production build
yarn buildbash
# Package the plugin as a .zip ready for distribution
yarn zipTranslation maintenance (release-time)
bash
# Regenerate translation .pot file (requires gettext installed)
yarn poDocker (for the local WordPress environment)
bash
# Bring up the official Divi development environment
docker-compose up -dbash
# Stop the environment
docker-compose downbash
# Tail container logs
docker-compose logs -fCross-references
- The dev environment expects NodeJS LTS, Yarn, and gettext — see Divi Development Environment.
- The
yarn startwatcher is required before you'll see JSX changes in the visual builder.