WordPress スクリプト
エディターには、さまざまな機能を有効にするためのパッケージが含まれています。プラグイン開発者は、これらを利用してブロック、エディタープラグイン、または一般的なプラグインを作成できます。
スクリプト名 | ハンドル | 説明 |
---|---|---|
Blob | wp-blob | Blob ユーティリティ |
Block Library | wp-block-library | エディター用のブロックライブラリ |
Blocks | wp-blocks | ブロック作成 |
Block Serialization Default Parser | wp-block-serialization-default-parser | WordPress ドキュメント用のデフォルトブロックシリアライゼーションパーサー実装 |
Block Serialization Spec Parser | wp-block-serialization-spec-parser | WordPress 投稿用の文法ファイル (grammar.pegjs) |
Components | wp-components | 一般的な UI 要素を作成するために使用される汎用コンポーネント |
Compose | wp-compose | 便利な高階コンポーネント (HOCs) のコレクション |
Core Data | wp-core-data | WordPress のコアエンティティへのアクセスと操作を簡素化 |
Data | wp-data | データモジュールは、プラグインと WordPress 自体のアプリケーション状態を管理するハブとして機能 |
Date | wp-date | WordPress 用の日付モジュール |
Deprecated | wp-deprecated | 非推奨機能について開発者に通知するメッセージをログに記録するユーティリティ |
Dom | wp-dom | WordPress 用の DOM ユーティリティモジュール |
Dom Ready | wp-dom-ready | DOM が読み込まれた後にコールバックを実行 |
Editor | wp-editor | WordPress エディター用のビルディングブロック |
Edit Post | wp-edit-post | WordPress 用の投稿編集モジュール |
Element | wp-element | Element は、単純に言えば、React の上にある抽象化レイヤーです |
Escape Html | wp-escape-html | HTML エスケープユーティリティ |
Hooks | wp-hooks | JavaScript 用の軽量で効率的なイベントマネージャー |
Html Entities | wp-html-entities | WordPress 用の HTML エンティティユーティリティ |
I18N | wp-i18n | クライアントサイドのローカリゼーション用の国際化ユーティリティ |
Is Shallow Equal | wp-is-shallow-equal | 2 つのオブジェクトまたは配列の間で浅い比較を行うための関数 |
Keycodes | wp-keycodes | WordPress 用のキーコードユーティリティ、onKeyDown のようなイベントで押されたキーをチェックするために使用 |
List Reusable blocks | wp-list-reusable-blocks | 再利用可能なブロックのリストページにインポート/エクスポートリンクを追加するために使用されるパッケージ |
NUX | wp-nux | WordPress 管理インターフェースに新しいユーザーをオンボーディングするために便利なコンポーネントと wp.data メソッド |
Plugins | wp-plugins | WordPress 用のプラグインモジュール |
Redux Routine | wp-redux-routine | ジェネレーターコルーチン用の Redux ミドルウェア |
Rich Text | wp-rich-text | HTML または DOM ツリーをリッチテキスト値に変換し、再び戻すためのヘルパー関数 |
Shortcode | wp-shortcode | WordPress 用のショートコードモジュール |
Token List | wp-token-list | 構築可能なプレーン JavaScript DOMTokenList 実装、ブラウザ以外のランタイムをサポート |
URL | wp-url | URL を操作するためのユーティリティのコレクション |
Viewport | wp-viewport | ブラウザのビューポートサイズの変化に応じるモジュール |
Wordcount | wp-wordcount | WordPress の単語カウントユーティリティ |
## ベンダースクリプト
エディターは、いくつかの人気のあるサードパーティパッケージやスクリプトも使用しています。プラグイン開発者は、これらのスクリプトをコードにバンドルせずに使用することもでき(ファイルサイズが増加することなく)、
| スクリプト名 | ハンドル | 説明 |
| —- | —- | —- |
| React | react | React はユーザーインターフェースを構築するための JavaScript ライブラリです |
| React Dom | react-dom | React のための DOM およびサーバーレンダラーへのエントリポイントとして機能し、React とペアで使用されることを意図しています |
| Moment | moment | JavaScript で日付と時刻を解析、検証、操作、表示します |
| Lodash | lodash | Lodash は一般的なプログラミングタスクのためのユーティリティ関数を提供する JavaScript ライブラリです |
## ポリフィルスクリプト
エディターは、すべての最新ブラウザで利用できない可能性のある特定の機能のためのポリフィルも提供しています。
すべての下記のポリフィルを読み込むために、メインの wp-polyfill
スクリプトハンドルを使用することをお勧めします。
| スクリプト名 | ハンドル | 説明 |
| —- | —- | —- |
| Babel Polyfill | wp-polyfill | 完全な ES2015+ 環境をエミュレートします。下記の追加ポリフィルをすべて読み込むためのメインスクリプト |
| Fetch Polyfill | wp-polyfill-fetch | 標準の Fetch 仕様のサブセットを実装するポリフィル |
| Promise Polyfill | wp-polyfill-promise | ブラウザとノード用の軽量 ES6 Promise ポリフィル |
| Formdata Polyfill | wp-polyfill-formdata | ネイティブ実装を条件付きで置き換えるポリフィル |
| Node Contains Polyfill | wp-polyfill-node-contains | Node.contains のためのポリフィル |
| Element Closest Polyfill | wp-polyfill-element-closest | DOM ツリーを上に向かってセレクタに一致する最も近い要素を返します |
バンドルとコード共有
JavaScript バンドラー webpack を使用する場合、ここで言及されているスクリプトはバンドルから除外され、スクリプト依存関係の形で WordPress によって提供されます。詳細は wp_enqueue_script
を参照してください。
@wordpress/dependency-extraction-webpack-plugin
は、バンドルから WordPress の依存関係を抽出するのを助ける webpack プラグインを提供します。@wordpress/scripts
build
スクリプトは、デフォルトでプラグインを含んでいます。