This is a starter kit for a development environment for WordPress in a GitGub Codepsace. Start developing for WordPress right after a single click.
Create your own codespace by clicking this button. Please allow 5 minutes for auto-configuration at first setup.
You are done. The installation is completed.
Try the example plugin in plugins/wp-codespace, make some changes and appreciate the advantages of a pre-configured codespace.
Edit the file wordpress/wp-content/plugins/wp-codespace/wp-codespace.php:
Edit the file wordpress/wp-content/plugins/wp-codespace/wp-codespace.php:
Open the file wordpress/wp-content/plugins/wp-codespace/wp-codespace.php:
Open the terminal (make sure, you are in the subfolder wordpress) and try the WP CLI.
wp plugin list
Open the terminal and switch to the directory wordpress/wp-content/plugins/wp-codespace.
npm test
for an example playwright test.See the test specification in the subfolder tests.
Open the terminal and switch to the directory wordpress/wp-content/plugins/wp-codespace.
npm run compile:css
to compile styles.css
This repo fills WordPress with demo content from the WordPress Theme Unit Test. In your fork, you can place an *.xml-file and import this data via the WP CLI. See .devcontainer/postCreateCommand.sh and search for "Demo content for WordPress" for more details.
Xdebug is installed and configured for VS Code. See .vscode/launch.json for details.
This setup will install and configure the following things automatically:
For more details, take a look into the folders .devcontainer and .vscode.
GitHub Codespaces are your dev environment in the cloud. Start coding instantly on your WordPress theme or plugin. A codespace is an IDE in the browser with pre-configured XDebug, WordPress Coding Standards and a pre-installed WordPress with your personal plugin or theme, that you are developing.
Set up your personal codespace on this repo (or on your private fork) with just one click. Codespace installs WordPress automatically, pre-configures XDebug, enables playwright tests, installs the WordPress Coding Standards and configures the VS Code extension for PHP_CodeSniffer and many other WordPress extensions. Start coding your theme or plugin without any further ado.
A codespace is a convenient way to contribute to an Open Source project, as you find all prerequisites preconfigured. You do not have to install any software, a codespace runs in the browser, as well as in your local VS Code or PhpStorm.
Just write, test and refactor your WordPress code. No need for devOps.
Give it a try and create your personal codespace right now.