コードの貢献
- プルリクエストに貢献する
  - ローカルマルチサイトの実行
- デバッグ
  - VS CodeとChromeを使用する
  - PHPのデバッグ

コードの貢献

すべてのWordPressプロジェクトと同様に、PlaygroundはGitHubを使用してコードを管理し、問題を追跡します。メインリポジトリはhttps://github.com/WordPress/wordpress-playgroundにあり、Playground Toolsリポジトリはhttps://github.com/WordPress/playground-tools/にあります。

SVG画像 Playground Toolsに貢献する

このガイドにはメインリポジトリへのリンクが含まれていますが、すべてのステップとオプションは両方に適用されます。プラグインやローカル開発ツールに興味がある場合は、そこから始めてください。

オープンな問題のリストをブラウズして、作業する内容を見つけてください。[Good First Issue]ラベルは、初めての貢献者にとって推奨される出発点です。

始める前に、以下のリソースを確認してください：

プルリクエストに貢献する

Playgroundリポジトリをフォークし、ローカルマシンにクローンします。そのためには、これらのコマンドをターミナルにコピーして貼り付けます：

git clone -b trunk --single-branch --depth 1 --recurse-submodules
# `YOUR-GITHUB-USERNAME`をあなたのGitHubユーザー名に置き換えます：
git@github.com:YOUR-GITHUB-USERNAME/wordpress-playground.git
cd wordpress-playground
npm install

ブランチを作成し、変更を加え、次のコマンドを実行してローカルでテストします：

npm run dev

Playgroundは新しいブラウザタブで開き、各変更ごとに自動的に更新されます。

準備ができたら、変更をコミットし、プルリクエストを提出します。

SVG画像フォーマット

コードのフォーマットとリンティングは自動的に処理されます。リラックスして、タイプし続け、機械に作業を任せてください。

ローカルマルチサイトの実行

WordPressマルチサイトには、ローカルで実行する際にいくつかの制限があります。PlaygroundのenableMultisiteステップを使用してマルチサイトネットワークをテストする予定の場合は、wp-nowのデフォルトポートを変更するか、HTTPS経由で実行されるローカルテストドメインを設定してください。


``````bash
npx @wp-now/wp-now start --port=80
`

ローカルテストドメインを設定する方法はいくつかあり、hostsファイルを編集することが含まれます。方法がわからない場合は、Laravel Valetをインストールし、次のコマンドを実行することをお勧めします：

valet proxy playground.test http://127.0.0.1:5400 --secure

あなたの開発サーバーはhttps://playground.testで利用可能です。

デバッグ

VS CodeとChromeを使用する

VS Codeを使用していて、Chromeがインストールされている場合は、コードエディタでPlaygroundをデバッグできます：

VS Codeでプロジェクトフォルダを開きます。
メインメニューから[実行] > [デバッグの開始]を選択するか、F5/fn+F5を押します。

PHPのデバッグ

Playgroundは、すべてのPHPリクエストの後にブラウザコンソールにPHPエラーをログします。