インストール

モジュールをインストールします

  1. npm install @wordpress/blocks --save

このパッケージは、あなたのコードがES2015+環境で実行されることを前提としています。このような言語機能やAPIのサポートが限られているか、まったくない環境を使用している場合は、コードに@wordpress/babel-preset-defaultで提供されるポリフィルを含める必要があります。

API

cloneBlock

ブロックオブジェクトを指定すると、そのブロックオブジェクトのコピーを返し、新しい属性をマージしたり、内部ブロックを置き換えたりすることができます。

パラメータ

  • block Object: ブロックインスタンス。
  • mergeAttributes Object: ブロック属性。
  • newInnerBlocks ?Array: ネストされたブロック。

戻り値

  • Object: 複製されたブロック。

createBlock

タイプと属性を指定すると、ブロックオブジェクトを返します。

パラメータ

  • name string: ブロック名。
  • attributes Object: ブロック属性。
  • innerBlocks ?Array: ネストされたブロック。

戻り値

  • Object: ブロックオブジェクト。

createBlocksFromInnerBlocksTemplate

InnerBlocksテンプレートまたはブロックオブジェクトの配列を指定すると、それらから作成されたブロックの配列を返します。InnerBlocksをブロックとして持つ場合は、再帰的に続行するために適切な形式に変換します。

パラメータ

  • innerBlocksOrTemplate Array: ネストされたブロックまたはInnerBlocksテンプレート。

戻り値

  • Object[]: ブロックオブジェクトの配列。

doBlocksMatchTemplate

ブロック名を比較して、ブロックのリストがテンプレートと一致するかどうかを確認します。

パラメータ

  • blocks Array: ブロックリスト。
  • template Array: ブロックテンプレート。

戻り値

  • boolean: ブロックのリストがテンプレートと一致するかどうか。

findTransform

変換の配列を指定すると、述語関数が真の値を返す最も優先度の高い変換を返します。優先度の高い変換は、優先度値が低いもの(つまり、優先度順で最初)です。変換セットが空であるか、述語関数がすべてのエントリに対して偽の値を返す場合はnullを返します。

パラメータ

  • transforms Object[]: 検索する変換。
  • predicate Function: 一致する変換でtrueを返す関数。

戻り値

  • ?Object: 最も優先度の高い変換候補。

getBlockAttributes

指定されたタイプの登録されたブロックノードのブロック属性を返します。

パラメータ

  • blockTypeOrName string|Object: ブロックタイプまたは名前。
  • innerHTML string|Node: 生のブロックコンテンツ。
  • attributes ?Object: 既知のブロック属性(区切り文字から)。

戻り値

  • Object: すべてのブロック属性。

getBlockAttributesNamesByRole

  1. *パラメータ*
  2. - name `````string`````: ブロック属性の名前。
  3. - role `````string`````: ブロック属性の役割。
  4. *戻り値*
  5. - `````string[]`````: 提供された役割を持つ属性名。
  6. <a name="getblockbindingssource"></a>
  7. ### getBlockBindingsSource
  8. 名前によって登録されたブロックバインディングソースを返します。
  9. *パラメータ*
  10. - name `````string`````: ブロックバインディングソース名。
  11. *戻り値*
  12. - `````?Object`````: ブロックバインディングソース。
  13. *変更履歴*
  14. `````6.7.0````` WordPressコアに導入されました。
  15. <a name="getblockbindingssources"></a>
  16. ### getBlockBindingsSources
  17. すべての登録されたブロックバインディングソースを返します。
  18. *戻り値*
  19. - `````Array`````: ブロックバインディングソース。
  20. *変更履歴*
  21. `````6.7.0````` WordPressコアに導入されました。
  22. <a name="getblockcontent"></a>
  23. ### getBlockContent
  24. ブロックオブジェクトを指定すると、ブロックの内部HTMLマークアップを返します。
  25. *パラメータ*
  26. - block `````Object`````: ブロックインスタンス。
  27. *戻り値*
  28. - `````string`````: HTML
  29. <a name="getblockdefaultclassname"></a>
  30. ### getBlockDefaultClassName
  31. ブロックの名前からデフォルトのクラス名を返します。
  32. *パラメータ*
  33. - blockName `````string`````: ブロック名。
  34. *戻り値*
  35. - `````string`````: ブロックのデフォルトクラス。
  36. <a name="getblockfromexample"></a>
  37. ### getBlockFromExample
  38. 例のAPIからブロックオブジェクトを作成します。
  39. *パラメータ*
  40. - name `````string`````:
  41. - example `````Object`````:
  42. *戻り値*
  43. - `````Object`````: ブロック。
  44. <a name="getblockmenudefaultclassname"></a>
  45. ### getBlockMenuDefaultClassName
  46. ブロックの名前からデフォルトのメニューアイテムクラス名を返します。
  47. *パラメータ*
  48. - blockName `````string`````: ブロック名。
  49. *戻り値*
  50. - `````string`````: ブロックのデフォルトメニューアイテムクラス。
  51. <a name="getblocksupport"></a>
  52. ### getBlockSupport
  53. 定義されている場合、機能のブロックサポート値を返します。
  54. *パラメータ*
  55. - nameOrType `````(string|Object)`````: ブロック名またはタイプオブジェクト
  56. - feature `````string`````: 取得する機能
  57. - defaultSupports `````*`````: 明示的に定義されていない場合に返すデフォルト値
  58. *戻り値*
  59. - `````?*`````: ブロックサポート値
  60. <a name="getblocktransforms"></a>
  61. ### getBlockTransforms
  62. 指定された変換方向の通常のブロック変換を返します。特定のブロック名のためにオプションで、変換がない場合は空の配列を返します。ブロック名が提供されていない場合は、すべてのブロックの変換を返します。通常の変換オブジェクトには、`````blockName`````がプロパティとして含まれます。
  63. *パラメータ*
  64. - direction `````string`````: 変換方向(「to」、「from」)。
  65. - blockTypeOrName `````string|Object`````: ブロックタイプまたは名前。
  66. *戻り値*
  67. - `````Array`````: 方向のブロック変換。
  68. <a name="getblocktype"></a>
  69. ### getBlockType
  70. 登録されたブロックタイプを返します。
  71. *パラメータ*
  72. - name `````string`````: ブロック名。
  73. *戻り値*
  74. - `````?Object`````: ブロックタイプ。
  75. <a name="getblocktypes"></a>
  76. ### getBlockTypes
  77. すべての登録されたブロックを返します。
  78. *戻り値*
  79. - `````Array`````: ブロック設定。
  80. <a name="getchildblocknames"></a>
  81. ### getChildBlockNames
  82. 指定されたブロックの子ブロックの配列を返します。
  83. *パラメータ*
  84. - blockName `````string`````: ブロックの名前(例:「latest-posts」)。
  85. *戻り値*
  86. - `````Array`````: 子ブロック名の配列。
  87. <a name="getdefaultblockname"></a>
  88. ### getDefaultBlockName
  89. デフォルトのブロック名を取得します。
  90. *戻り値*
  91. - `````?string`````: ブロック名。
  92. <a name="getfreeformcontenthandlername"></a>
  93. ### getFreeformContentHandlerName
  94. 非ブロックコンテンツを処理するブロックの名前を取得します。定義されていない場合はundefinedを返します。
  95. *戻り値*
  96. - `````?string`````: ブロック名。
  97. <a name="getgroupingblockname"></a>
  98. ### getGroupingBlockName
  99. グループ化インタラクションを処理するために使用されるブロックの名前を取得します。
  100. *戻り値*
  101. - `````?string`````: ブロック名。
  102. <a name="getphrasingcontentschema"></a>
  103. ### getPhrasingContentSchema
  104. 未文書の宣言。
  105. <a name="getpossibleblocktransformations"></a>
  106. ### getPossibleBlockTransformations
  107. 引数として受け取ったブロックのセットが変換できるブロックタイプの配列を返します。
  108. *パラメータ*
  109. - blocks `````Array`````: ブロックの配列。
  110. *戻り値*
  111. - `````Array`````: 引数としてのブロックが変換できるブロックタイプ。
  112. <a name="getsavecontent"></a>
  113. ### getSaveContent
  114. 保存レンダリング実装と属性を含むブロックタイプを指定すると、保存される静的マークアップを返します。
  115. *パラメータ*
  116. - blockTypeOrName `````string|Object`````: ブロックタイプまたは名前。
  117. - attributes `````Object`````: ブロック属性。
  118. - innerBlocks `````?Array`````: ネストされたブロック。
  119. *戻り値*
  120. - `````string`````: 保存コンテンツ。
  121. <a name="getsaveelement"></a>
  122. ### getSaveElement
  123. 保存レンダリング実装と属性を含むブロックタイプを指定すると、保存される強化された要素または生のHTMLが期待される場合は文字列を返します。
  124. *パラメータ*
  125. - blockTypeOrName `````string|Object`````: ブロックタイプまたは名前。
  126. - attributes `````Object`````: ブロック属性。
  127. - innerBlocks `````?Array`````: ネストされたブロック。
  128. *戻り値*
  129. - `````Object|string`````: 保存要素または生のHTML文字列。
  130. <a name="getunregisteredtypehandlername"></a>
  131. ### getUnregisteredTypeHandlerName
  132. 未登録のブロックタイプを処理するブロックの名前を取得します。定義されていない場合はundefinedを返します。
  133. *戻り値*
  134. - `````?string`````: ブロック名。
  135. <a name="hasblocksupport"></a>
  136. ### hasBlockSupport
  137. ブロックが機能のサポートを定義している場合はtrueを返し、そうでない場合はfalseを返します。
  138. *パラメータ*
  139. - nameOrType `````(string|Object)`````: ブロック名またはタイプオブジェクト。
  140. - feature `````string`````: テストする機能。
  141. - defaultSupports `````boolean`````: 明示的に定義されていない場合に機能がデフォルトでサポートされているかどうか。
  142. *戻り値*
  143. - `````boolean`````: ブロックが機能をサポートしているかどうか。
  144. <a name="haschildblocks"></a>
  145. ### hasChildBlocks
  146. ブロックに子ブロックがあるかどうかを示すブール値を返します。
  147. *パラメータ*
  148. - blockName `````string`````: ブロックの名前(例:「latest-posts」)。
  149. *戻り値*
  150. - `````boolean`````: ブロックが子ブロックを含む場合はtrue、そうでない場合はfalse
  151. <a name="haschildblockswithinsertersupport"></a>
  152. ### hasChildBlocksWithInserterSupport
  153. ブロックにインサータサポートを持つ子ブロックが少なくとも1つあるかどうかを示すブール値を返します。
  154. *パラメータ*
  155. - blockName `````string`````: ブロックタイプ名。
  156. *戻り値*
  157. - `````boolean`````: ブロックがインサータサポートを持つ子ブロックを少なくとも1つ含む場合はtrue、そうでない場合はfalse
  158. <a name="isreusableblock"></a>
  159. ### isReusableBlock
  160. 指定されたブロックが再利用可能なブロックであるかどうかを判断します。これは、APIを介して保存されたグローバルブロックを指すために使用される特別なブロックタイプです。
  161. *パラメータ*
  162. - blockOrType `````Object`````: テストするブロックまたはブロックタイプ。
  163. *戻り値*
  164. - `````boolean`````: 指定されたブロックが再利用可能なブロックであるかどうか。
  165. <a name="istemplatepart"></a>
  166. ### isTemplatePart
  167. 指定されたブロックがテンプレートパートであるかどうかを判断します。これは、再利用可能なデザイン要素からページテンプレートを構成することを可能にする特別なブロックタイプです。
  168. *パラメータ*
  169. - blockOrType `````Object`````: テストするブロックまたはブロックタイプ。
  170. *戻り値*
  171. - `````boolean`````: 指定されたブロックがテンプレートパートであるかどうか。
  172. <a name="isunmodifiedblock"></a>
  173. ### isUnmodifiedBlock
  174. ブロックの属性がデフォルトの属性と等しいかどうかを判断します。これは、ブロックが未変更であることを意味します。
  175. *パラメータ*
  176. - block `````WPBlock`````: ブロックオブジェクト
  177. *戻り値*
  178. - `````boolean`````: ブロックが未変更のブロックであるかどうか。
  179. <a name="isunmodifieddefaultblock"></a>
  180. ### isUnmodifiedDefaultBlock
  181. ブロックがデフォルトのブロックであり、その属性がデフォルトの属性と等しいかどうかを判断します。これは、ブロックが未変更であることを意味します。
  182. *パラメータ*
  183. - block `````WPBlock`````: ブロックオブジェクト
  184. *戻り値*
  185. - `````boolean`````: ブロックが未変更のデフォルトブロックであるかどうか。
  186. <a name="isvalidblockcontent"></a>
  187. ### isValidBlockContent
  188. > **非推奨** データ損失を避けるためにvalidateBlockを使用してください。
  189. 入力コンテンツに対して解析されたブロックが有効である場合はtrueを返します。ブロックは、仮定された属性でシリアル化されたときに、コンテンツが元の値と一致する場合、有効と見なされます。
  190. 無効な場合は、開発環境でコンソールにログを記録します。
  191. *パラメータ*
  192. - blockTypeOrName `````string|Object`````: ブロックタイプ。
  193. - attributes `````Object`````: 解析されたブロック属性。
  194. - originalBlockContent `````string`````: 元のブロックコンテンツ。
  195. *戻り値*
  196. - `````boolean`````: ブロックが有効かどうか。
  197. <a name="isvalidicon"></a>
  198. ### isValidIcon
  199. パラメータが有効なアイコンであるかどうかをチェックする関数。
  200. *パラメータ*
  201. - icon `````*`````: チェックされるパラメータ。
  202. *戻り値*
  203. - `````boolean`````: パラメータが有効なアイコンである場合はtrue、そうでない場合はfalse
  204. <a name="normalizeiconobject"></a>
  205. ### normalizeIconObject
  206. ブロックが登録中に設定したアイコンを受け取り、コードベースで可能なアイコン構造に依存できるように正規化された新しいアイコンオブジェクトを返す関数。
  207. *パラメータ*
  208. - icon `````WPBlockTypeIconRender`````: ブロックタイプアイコンのレンダリング動作; Dashiconスラグ、要素、またはコンポーネントのいずれか。
  209. *戻り値*
  210. - `````WPBlockTypeIconDescriptor`````: アイコンを説明するオブジェクト。
  211. <a name="parse"></a>
  212. ### parse
  213. Gutenberg文法仕様に基づく最適化されたトークン駆動のパーサーを利用して、ブロック区切り文字によって提供される通常のリズムを活用し、一般的なHTMLドキュメントを入力として受け取り、ブロックリストの配列表現を返します。
  214. これは、入力ドキュメントを一度線形にスキャンする再帰的下降パーサーです。直接再帰するのではなく、スタックオーバーフローを防ぐためにトランポリンメカニズムを利用します。この初期パスは、ドキュメント内でシリアル化されたブロックを分離して孤立させることに主に関心があり、ブロック内のコンテンツには明示的に関心がありません。
  215. *関連*
  216. - [https://developer.wordpress.org/block-editor/packages/packages-block-serialization-default-parser/](https://developer.wordpress.org/block-editor/packages/packages-block-serialization-default-parser/)
  217. *パラメータ*
  218. - content `````string`````: 投稿コンテンツ。
  219. - options `````ParseOptions`````: ブロック解析を処理するための追加オプション。
  220. *戻り値*
  221. - `````Array`````: ブロックリスト。
  222. <a name="parsewithattributeschema"></a>
  223. ### parseWithAttributeSchema
  224. ブロックの生のコンテンツと属性のスキーマを指定すると、そのソースに応じて属性の値を返します。
  225. *パラメータ*
  226. - innerHTML `````string|Node`````: ブロックの生のコンテンツ。
  227. - attributeSchema `````Object`````: 属性のスキーマ。
  228. *戻り値*
  229. - `````*`````: 属性値。
  230. <a name="pastehandler"></a>
  231. ### pasteHandler
  232. HTML文字列を既知のブロックに変換します。他のすべてを削除します。
  233. *パラメータ*
  234. - options `````Object`````:
  235. - options.HTML `````[string]`````: 変換するHTML
  236. - options.plainText `````[string]`````: プレーンテキストバージョン。
  237. - options.mode `````[string]`````: コンテンツをブロックまたはインラインコンテンツとして処理します。 _ AUTO’: 渡されたコンテンツに基づいて決定します。 _ INLINE’: 常にインラインコンテンツとして処理し、文字列を返します。 * BLOCKS’: 常にブロックとして処理し、ブロックの配列を返します。
  238. - options.tagName `````[Array]`````: コンテンツが挿入されるタグ。
  239. *戻り値*
  240. - `````Array|string`````: ブロックのリストまたは文字列、`````handlerMode`````に応じて。
  241. <a name="privateapis"></a>
  242. ### privateApis
  243. 未文書の宣言。
  244. <a name="rawhandler"></a>
  245. ### rawHandler
  246. HTML文字列を既知のブロックに変換します。
  247. *パラメータ*
  248. - $1 `````Object`````:
  249. - $1.HTML `````string`````: 変換するHTML
  250. *戻り値*
  251. - `````Array`````: ブロックのリスト。
  252. <a name="registerblockbindingssource"></a>
  253. ### registerBlockBindingsSource
  254. その動作を定義するオブジェクトを持つ新しいブロックバインディングソースを登録します。登録されると、そのソースはサポートされているブロック属性に接続できるようになります。
  255. *使用法*
  256. ``````bash
  257. import { _x } from '@wordpress/i18n';
  258. import { registerBlockBindingsSource } from '@wordpress/blocks';
  259. registerBlockBindingsSource( {
  260. name: 'plugin/my-custom-source',
  261. label: _x( 'My Custom Source', 'block bindings source' ),
  262. usesContext: [ 'postType' ],
  263. getValues: getSourceValues,
  264. setValues: updateMyCustomValuesInBatch,
  265. canUserEditValue: () => true,
  266. } );
  267. `

パラメータ

  • source Object: 登録されるソースのプロパティ。
  • source.name string: 一意で機械可読な名前。
  • source.label [string]: 人間可読なラベル。サーバーで定義されている場合はオプションです。
  • source.usesContext [Array]: エディタ内でのみソースが必要とするオプションのコンテキストの配列。
  • source.getValues [Function]: ソースから値を取得するためのオプションの関数。
  • source.setValues [Function]: ソースに接続された複数の値を更新するためのオプションの関数。
  • source.canUserEditValue [Function]: ユーザーが値を編集できるかどうかを判断するためのオプションの関数。

変更履歴

6.7.0 WordPressコアに導入されました。

registerBlockCollection

同じ名前空間でブロックをグループ化するための新しいブロックコレクションを登録します。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { registerBlockCollection, registerBlockType } from '@wordpress/blocks';
  3. // Register the collection.
  4. registerBlockCollection( 'my-collection', {
  5. title: __( 'Custom Collection' ),
  6. } );
  7. // Register a block in the same namespace to add it to the collection.
  8. registerBlockType( 'my-collection/block-name', {
  9. title: __( 'My First Block' ),
  10. edit: () => <div>{ __( 'Hello from the editor!' ) }</div>,
  11. save: () => <div>'Hello from the saved content!</div>,
  12. } );

パラメータ

  • namespace string: インサータ内でブロックをグループ化するための名前空間; ブロック名前空間に対応します。
  • settings Object: ブロックコレクションの設定。
  • settings.title string: ブロックインサータに表示されるタイトル。
  • settings.icon [Object]: ブロックインサータに表示されるアイコン。

registerBlockStyle

指定されたブロックタイプの新しいブロックスタイルを登録します。

CSSとスタイルを接続する方法についての詳細は公式ドキュメントを参照してください。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { registerBlockStyle } from '@wordpress/blocks';
  3. import { Button } from '@wordpress/components';
  4. const ExampleComponent = () => {
  5. return (
  6. <Button
  7. onClick={ () => {
  8. registerBlockStyle( 'core/quote', {
  9. name: 'fancy-quote',
  10. label: __( 'Fancy Quote' ),
  11. } );
  12. } }
  13. >
  14. { __( 'Add a new block style for core/quote' ) }
  15. </Button>
  16. );
  17. };

パラメータ

  • blockNames string|Array: ブロックの名前(例: “core/latest-posts”または["core/group", "core/columns"])。
  • styleVariation Object: nameを含むオブジェクトで、これはブロックに適用されるクラス名であり、labelはユーザーに対してバリエーションを識別します。

registerBlockType

一意の名前とその動作を定義するオブジェクトを提供すると、新しいブロックを登録します。登録されると、そのブロックはブロックが実装されている任意のエディタインターフェースでオプションとして利用可能になります。

カスタムブロックを登録する方法についての詳細は、ブロックを作成するチュートリアルを参照してください。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { registerBlockType } from '@wordpress/blocks';
  3. registerBlockType( 'namespace/block-name', {
  4. title: __( 'My First Block' ),
  5. edit: () => <div>{ __( 'Hello from the editor!' ) }</div>,
  6. save: () => <div>Hello from the saved content!</div>,
  7. } );

パラメータ

  • blockNameOrMetadata string|Object: ブロックタイプ名またはそのメタデータ。
  • settings Object: ブロック設定。

戻り値

  • WPBlockType | undefined: ブロックが正常に登録された場合はブロック、それ以外の場合はundefined

registerBlockVariation

指定されたブロックタイプの新しいブロックバリエーションを登録します。

ブロックバリエーションに関する詳細は公式ドキュメントを参照してください。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { registerBlockVariation } from '@wordpress/blocks';
  3. import { Button } from '@wordpress/components';
  4. const ExampleComponent = () => {
  5. return (
  6. <Button
  7. onClick={ () => {
  8. registerBlockVariation( 'core/embed', {
  9. name: 'custom',
  10. title: __( 'My Custom Embed' ),
  11. attributes: { providerNameSlug: 'custom' },
  12. } );
  13. } }
  14. >
  15. __( 'Add a custom variation for core/embed' ) }
  16. </Button>
  17. );
  18. };

パラメータ

  • blockName string: ブロックの名前(例: “core/columns”)。
  • variation WPBlockVariation: ブロックバリエーションを説明するオブジェクト。

serialize

ブロックまたはブロックのセットを受け取り、シリアル化された投稿コンテンツを返します。

パラメータ

  • blocks Array: シリアル化するブロック。
  • options WPBlockSerializationOptions: シリアル化オプション。

戻り値

  • string: 投稿コンテンツ。

serializeRawBlock

ブロックノードをネイティブHTMLコメント駆動のブロック形式にシリアル化します。注意: この関数は、有効なパーサーによって解析されたブロックを再シリアル化するために意図されており、検証ステップをスキップします。これは、メモリ内のブロック用の一般的なシリアル化関数ではありません。ほとんどの目的には、@wordpress/blocksパッケージで利用可能な次の関数を参照してください:

関連

  • serializeBlock
  • serialize 有効なパーサーによって返されるブロックノードの形式についての詳細:
  • @wordpress/block-serialization-default-parserパッケージ
  • @wordpress/block-serialization-spec-parserパッケージ

パラメータ

  • rawBlock WPRawBlock: 有効なパーサーによって返されるブロックノード。
  • options [Options]: シリアル化オプション。

戻り値

  • string: ブロックを表すHTML文字列。

setCategories

ブロックカテゴリを設定します。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { store as blocksStore, setCategories } from '@wordpress/blocks';
  3. import { useSelect } from '@wordpress/data';
  4. import { Button } from '@wordpress/components';
  5. const ExampleComponent = () => {
  6. // Retrieve the list of current categories.
  7. const blockCategories = useSelect(
  8. ( select ) => select( blocksStore ).getCategories(),
  9. []
  10. );
  11. return (
  12. <Button
  13. onClick={ () => {
  14. // Add a custom category to the existing list.
  15. setCategories( [
  16. ...blockCategories,
  17. { title: 'Custom Category', slug: 'custom-category' },
  18. ] );
  19. } }
  20. >
  21. { __( 'Add a new custom block category' ) }
  22. </Button>
  23. );
  24. };

パラメータ

  • categories WPBlockCategory[]: ブロックカテゴリ。

setDefaultBlockName

デフォルトのブロック名を割り当てます。

使用法

  1. import { setDefaultBlockName } from '@wordpress/blocks';
  2. const ExampleComponent = () => {
  3. return (
  4. <Button onClick={ () => setDefaultBlockName( 'core/heading' ) }>
  5. { __( 'Set the default block to Heading' ) }
  6. </Button>
  7. );
  8. };

パラメータ

  • name string: ブロック名。

setFreeformContentHandlerName

非ブロックコンテンツを処理するブロックの名前を割り当てます。

パラメータ

  • blockName string: ブロック名。

setGroupingBlockName

ブロックグループ化インタラクションを処理するためのブロックの名前を割り当てます。

この関数を使用すると、デフォルトのcore/groupブロックの代わりに他のブロックを選択して他のブロックをグループ化できます。この関数は、コンポーネント内またはDOMが完全に読み込まれたときに使用する必要があります。詳細はhttps://developer.wordpress.org/block-editor/reference-guides/packages/packages-dom-ready/を参照してください。

使用法

  1. import { setGroupingBlockName } from '@wordpress/blocks';
  2. const ExampleComponent = () => {
  3. return (
  4. <Button onClick={ () => setGroupingBlockName( 'core/columns' ) }>
  5. { __( 'Wrap in columns' ) }
  6. </Button>
  7. );
  8. };

パラメータ

  • name string: ブロック名。

setUnregisteredTypeHandlerName

未登録のブロックタイプを処理するブロックの名前を割り当てます。

パラメータ

  • blockName string: ブロック名。

store

ブロック名前空間のストア定義。

関連

タイプ

  • Object

switchToBlockType

1つ以上のブロックを新しいブロックタイプの1つ以上のブロックに切り替えます。

パラメータ

  • blocks Array|Object: ブロックの配列またはブロックオブジェクト。
  • name string: ブロック名。

戻り値

  • ?Array: ブロックの配列またはnull。

synchronizeBlocksWithTemplate

ブロックリストをブロックテンプレートと同期させます。

ブロックリストをブロックテンプレートと同期させるとは、ブロックをループして、テンプレート内の同じ位置にあるブロックと一致する場合はそのまま保持し(同じ名前を持つ場合)、一致しない場合はテンプレートに基づいて新しいブロックを作成します。テンプレートに存在しない追加のブロックは削除されます。

パラメータ

  • blocks Array: ブロックリスト。
  • template Array: ブロックテンプレート。

戻り値

  • Array: 更新されたブロックリスト。

unregisterBlockBindingsSource

その名前を提供することによってブロックバインディングソースの登録を解除します。

使用法

  1. import { unregisterBlockBindingsSource } from '@wordpress/blocks';
  2. unregisterBlockBindingsSource( 'plugin/my-custom-source' );

パラメータ

  • name string: 登録解除するブロックバインディングソースの名前。

変更履歴

6.7.0 WordPressコアに導入されました。

unregisterBlockStyle

指定されたブロックのブロックスタイルの登録を解除します。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { unregisterBlockStyle } from '@wordpress/blocks';
  3. import { Button } from '@wordpress/components';
  4. const ExampleComponent = () => {
  5. return (
  6. <Button
  7. onClick={ () => {
  8. unregisterBlockStyle( 'core/quote', 'plain' );
  9. } }
  10. >
  11. { __( 'Remove the "Plain" block style for core/quote' ) }
  12. </Button>
  13. );
  14. };

パラメータ

  • blockName string: ブロックの名前(例: “core/latest-posts”)。
  • styleVariationName string: ブロックに適用されるクラスの名前。

unregisterBlockType

ブロックの登録を解除します。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { unregisterBlockType } from '@wordpress/blocks';
  3. const ExampleComponent = () => {
  4. return (
  5. <Button
  6. onClick={ () => unregisterBlockType( 'my-collection/block-name' ) }
  7. >
  8. { __( 'Unregister my custom block.' ) }
  9. </Button>
  10. );
  11. };

パラメータ

  • name string: ブロック名。

戻り値

  • WPBlockType | undefined: 以前のブロック値。正常に登録解除された場合はそれを返し、そうでない場合はundefinedを返します。

unregisterBlockVariation

指定されたブロックタイプのために定義されたブロックバリエーションの登録を解除します。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { unregisterBlockVariation } from '@wordpress/blocks';
  3. import { Button } from '@wordpress/components';
  4. const ExampleComponent = () => {
  5. return (
  6. <Button
  7. onClick={ () => {
  8. unregisterBlockVariation( 'core/embed', 'youtube' );
  9. } }
  10. >
  11. { __( 'Remove the YouTube variation from core/embed' ) }
  12. </Button>
  13. );
  14. };

パラメータ

  • blockName string: ブロックの名前(例: “core/columns”)。
  • variationName string: ブロックに対して定義されたバリエーションの名前。

updateCategory

カテゴリを更新します。

使用法

  1. import { __ } from '@wordpress/i18n';
  2. import { updateCategory } from '@wordpress/blocks';
  3. import { Button } from '@wordpress/components';
  4. const ExampleComponent = () => {
  5. return (
  6. <Button
  7. onClick={ () => {
  8. updateCategory( 'text', { title: __( 'Written Word' ) } );
  9. } }
  10. >
  11. { __( 'Update Text category title' ) }
  12. </Button>
  13. );
  14. };

パラメータ

  • slug string: ブロックカテゴリのスラグ。
  • category WPBlockCategory: 更新すべきカテゴリプロパティを含むオブジェクト。

validateBlock

解析されたブロックが入力コンテンツに対して有効である場合、isValidプロパティがtrueに設定されたオブジェクトを返します。ブロックは、仮定された属性でシリアル化されたときに、コンテンツが元の値と一致する場合、有効と見なされます。ブロックが無効な場合、この関数はすべての検証問題も返します。

パラメータ

  • block WPBlock: ブロックオブジェクト。
  • blockTypeOrName [WPBlockType|string]: ブロックタイプまたは名前。与えられない場合はブロックから推測されます。

戻り値

  • [boolean,Array<LoggerItem>]: 検証結果。

withBlockContentContext

非推奨
コンテキストを使用してラップされたコンポーネントにBlockContentを注入するために使用される高階コンポーネント。

パラメータ

  • OriginalComponent Component: 強化するコンポーネント。

戻り値

  • Component: 同じコンポーネント。

Contributing to this package

これはGutenbergプロジェクトの一部である個別のパッケージです。このプロジェクトはモノレポとして整理されています。特定の目的を持つ複数の自己完結型ソフトウェアパッケージで構成されています。このモノレポ内のパッケージはnpmに公開され、WordPressや他のソフトウェアプロジェクトで使用されています。

このパッケージやGutenberg全体への貢献について詳しく知りたい場合は、プロジェクトの主要な貢献者ガイドをお読みください。