WordCamp Contributor Day

このWordPress Playground VS Code 拡張機能とwp-nowは、ローカル WordPress 環境のセットアッププロセスを簡素化します。WordPress Playground は両方をサポートしており、Docker、MySQL、または Apache は不要です。

WordPress に貢献する際に、これらのツールをローカル開発に使用する方法を学ぶために読み続けてください。拡張機能と NPM パッケージは開発中であり、すべてのMake WordPress チームが完全にサポートされているわけではないことに注意してください。

Getting Started

視覚的な学習者であれば、こちらにステップバイステップのビデオチュートリアルがあります。自分のペースで読みたい場合は、以下の文書の指示にスキップしてください。

VS Code Playground extension

Visual Studio Code Playground 拡張機能は、設定不要のフレンドリーな開発環境です。

  • 1. VS Code を開き、拡張機能タブ (表示 > 拡張機能) に移動します。
  • 2. 検索バーに「WordPress Playground」と入力し、インストールをクリックします。
  • 3. Playground と対話するには、アクティビティバーの新しいアイコンをクリックし、WordPress サーバーを開始ボタンを押します。
  • 4. 数秒以内にブラウザに新しいタブが開きます。

wp-now NPM package

@wp-now/wp-now は、単一のコマンドで WordPress サイトを立ち上げることができる CLI ツールです。Docker、MySQL、または Apache は不要です。

Prerequisites

wp-now は Node.js と NPM を必要とします。まだインストールしていない場合は、ダウンロードしてインストールしてください。

貢献する Make WordPress チームによっては、インストールされている Node.js のバージョンとは異なるバージョンが必要な場合があります。Node Version Manager (NVM) を使用してバージョンを切り替えることができます。インストールガイドはこちらを参照してください。

Run wp-now

wp-now をデバイスにインストールする必要はありません。プラグインまたはテーマのディレクトリに移動し、次のコマンドで wp-now を開始します： 

  1. cd my-plugin-or-theme-directory
  2. npx @wp-now/wp-now start

Ideas for contributors

Create a Gutenberg Pull Request (PR)

  • 1. GitHub アカウントでGutenberg リポジトリをフォークします。
  • 2. 次に、フォークしたリポジトリをクローンしてファイルをダウンロードします。
  • 3. 必要な依存関係をインストールし、開発モードでコードをビルドします。
  1. git clone git@github.com:WordPress/gutenberg.git
  2. cd gutenberg
  3. npm install
  4. npm run dev

SVG 画像情報

上記の手順に不明な点がある場合は、公式のGutenberg プロジェクト貢献者ガイドを訪れてください。この場合、wp-now は wp-env に置き換わります。

新しいターミナルタブを開き、Gutenberg ディレクトリに移動し、wp-now を使用して WordPress を開始します： 

  1. cd gutenberg
  2. npx @wp-now/wp-now start

準備ができたら、変更をコミットして GitHub のフォークしたリポジトリにプッシュし、Gutenberg リポジトリでプルリクエストを開きます。

Test a Gutenberg PR

  • 1. 他の Gutenberg PR をテストするには、それに関連するブランチをチェックアウトします。
  • 2. 最新の変更をプルして、ローカルコピーが最新であることを確認します。
  • 3. 次に、必要な依存関係をインストールし、テスト環境が最新の変更と一致することを確認します。
  • 4. 最後に、開発モードでコードをビルドします。
  2. # copy the branch-name from GitHub #
  4. git checkout branch-name
  5. git pull
  6. npm install
  7. npm run dev
  9. # In a different terminal inside the Gutenberg directory *
  11. npx @wp-now/wp-now start

Test a Gutenberg PR with Playground in the browser

Gutenberg PR をテストするためにローカル開発環境は必要ありません—Playground を使用してブラウザで直接行うことができます。

  • 1. テストしたい PR の ID をコピーします（オープン プルリクエストのリストから選択してください）。
  • 2. Playground のGutenberg PR プレビュアを開き、コピーした ID を貼り付けます。
  • 3. Go をクリックすると、Playground が PR の有効性を確認し、関連する PR の新しいタブを開き、提案された変更をレビューできるようになります。

Translate WordPress Plugins with Playground in the browser

サポートされている WordPress プラグインを翻訳するには、翻訳したいプラグインを読み込み、インライン翻訳を使用します。プラグイン開発者がオプションを追加している場合、翻訳ビューの右上ツールバーに Translate Live リンクが表示されます。この新しいオプションについての詳細は、この Polyglots ブログ記事をお読みください。

Get help and contribute to WordPress Playground

質問や新機能のアイデアがありますか？バグを見つけましたか？何かが期待通りに動作していませんか？私たちはお手伝いします：