Block Pattern

Faucibus et mi vestibulum
facilisis dictum purus

Code

ソースコード右上のボタンをクリックするとソースコードをクリップボードにコピーすることができます。

そして、Shift + ⌘ + Vスタイルを合わせてあなたのWordPress編集画面にペーストすることで同じものを用意することができます。

					<!-- wp:group {"align":"wide","backgroundColor":"luminous-vivid-orange","textColor":"white"} -->
<div class="wp-block-group alignwide has-white-color has-luminous-vivid-orange-background-color has-text-color has-background">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->

<!-- wp:heading {"fontSize":"sm-xlarge"} -->
<h2 class="has-sm-xlarge-font-size">Faucibus et mi vestibulum<br>facilisis dictum purus</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"white","textColor":"accent-color","className":"is-style-fill","fontSize":"sm-medium"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-sm-medium-font-size">
<a class="wp-block-button__link has-accent-color-color has-white-background-color has-text-color has-background">Button</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
				

You can copy the code by clicking on the button in the top right corner.
Then Paste and Match Style with Shift + ⌘ + V in your WordPress editor.