WooCommerce Blocks

この固定ページは WooCommerce BlocksREADME.MD を日本語訳となります。(2023年2月19日現在)

9.6.1

これは WooCommerce + Gutenberg の機能プラグインです。このプラグインは、WooCommerce の新しいブロックと既存のブロックの更新を反復および探索するスペースとして機能し、WooCommerce がブロックエディターとどのように連携するかを示します。

WooCommerce で利用可能なブロックの最前線にアクセスしたい場合は、このプラグインを使用してください。 ただし、安定したブロックは WooCommerce にバンドルされており、ブロック挿入ツールの「WooCommerce」セクションから追加できます。

目次

ドキュメンテーション

ブロックとその使用方法の詳細については、WooCommerce.com のドキュメントをご覧ください。

将来のバージョンに向けて私たちが取り組んでいることを確認したい場合、または支援したい場合は、読み進めてください。

コードのドキュメント

  • ブロック – 特定のブロックのドキュメント。
  • エディターコンポーネント – エディター (Gutenberg) UI の WooCommerce ブロックで使用される共有コンポーネント。
  • WooCommerce Blocks Handbook (日本語) – ブロックを拡張または貢献する方法、および内部開発者が新しいリリースを処理する方法に関するデザイナーおよび開発者向けのドキュメント。
  • WooCommerce Blocks Storybook – プラグインで使用されるコンポーネントのリストとデモが含まれています。

プラグイン版のインストール

WooCommerce Blocks の新しいバージョンを数週間ごとに WordPress.org にリリースします。これは、機能をプレビューするためのより簡単な方法として使用できます。

注: プラグインは、バージョン サポートの「L0」戦略をサポートするポリシーに従います。 これが意味することは、プラグインには最新バージョンの WordPress と、リリース時に最新バージョンの WooCommerce コアが必要になるということです。 このポリシーの詳細については、こちらをご覧ください。

  1. サイトに利用可能な最新バージョンの WordPress と WooCommerce があることを確認してください。
  2. プラグイン版は WordPress.org で入手できます。 プラグイン版はこちらからダウンロードしてください。
  3. プラグインを有効にします。

開発版のインストール

  1. サイトに最新バージョンの WordPress と WooCommerce があることを確認してください。
  2. 右側の緑色の「クローンまたはダウンロード」ボタンを使用して、このプラグインのコピーを取得します。
  3. Node.js v16 を使用していることを確認してください。
  4. npm install で依存関係をインストールします。
  5. composer install を実行して、コアの依存関係をインストールします。
  6. コードをコンパイルするには、次のコマンドのいずれかを実行します
    • npm run build (本番ビルド)。
    • npm run dev (開発ビルド)。
    • npm start (開発ビルド + 変更の監視)。
  7. プラグインを有効にします。

ソース コードは assets/ フォルダーにあり、コンパイルされたコードは build/ にビルドされます。

ブロック開発を始める

ブロック構築の簡単なコースとして、「初めてのブロック タイプを書く」チュートリアル (日本語)を実行してください。

さらに詳しく知りたい場合は、コアブロックのコードを確認するか、利用可能なコンポーネントを確認してください。

WooCommerce Blocks プラグインへの貢献を開始するには、入門ガイド開発者ハンドブックを参照してください。

その他の便利なドキュメント:

長期ビジョン

WooCommerce Blocks は、ストアのユーザーインターフェイスを構築し、商品を紹介するための最も簡単で柔軟な方法です。