コンテンツにスキップ

WordPress のブロックの同期パターンのオーバーライドを試す

メインイメージ

WordPress のブロックにおける同期パターン( Synced Patterns )のオーバーライド機能を試しました。

同期パターンのオーバーライド機能は WordPress 6.6 で導入される新たな機能です。 動画撮影の時点での WordPress の最新版は 6.5.5 で、 6.6 はまだ Beta 版でした。

次の WordPress Develoer Blog の記事の説明をなぞる形で実施に同期パターンを作ってオーバーライドを試してみました。

次のコードは動画内で作ったオーバーライド可能なカードのパターンを code editor で表示したものです。 作成ステップを飛ばしてすぐに試したい方はご利用ください( WordPress 6.6 の Beta 版以上をお使いください)。

<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"metadata":{"bindings":{"__default":{"source":"core/pattern-overrides"}},"name":"Card heading"}} -->
<h2 class="wp-block-heading">(見出し)</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"metadata":{"bindings":{"__default":{"source":"core/pattern-overrides"}},"name":"Card description"}} -->
<p>(段落)</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"metadata":{"bindings":{"__default":{"source":"core/pattern-overrides"}},"name":"Card CTA"}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">(ボタン)</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

関連ページ