Block Pattern

Vel porta donec mollis dis lacus ac risus vitae, sit ante fames dictumst sagittis libero velit fermentum arcu, cum augue scelerisque viverra mus magna elit. Litora penatibus platea sit et tristique nisi dolor urna primis, tempus nam potenti dignissim amet pretium blandit congue,

Facilisi quam consequat felis turpis himenaeos feugiat

Cursus consequat sed odio massa suspendisse nullam molestie, nec viverra leo montes arcu tortor morbi, mattis imperdiet pretium luctus vitae libero. Himenaeos duis laoreet penatibus

Code

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

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

					<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:group {"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background">
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2>Vel porta donec mollis dis lacus ac risus vitae, sit ante fames dictumst sagittis libero velit fermentum arcu, cum augue scelerisque viverra mus magna elit. Litora penatibus platea sit et tristique nisi dolor urna primis, tempus nam potenti dignissim amet pretium blandit congue,</h2>
<!-- /wp:heading -->

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

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading -->
<h2>Facilisi quam consequat felis turpis himenaeos feugiat</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Cursus consequat sed odio massa suspendisse nullam molestie, nec viverra leo montes arcu tortor morbi, mattis imperdiet pretium luctus vitae libero. Himenaeos duis laoreet penatibus</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
<!-- wp:button {"backgroundColor":"black"} -->
<div class="wp-block-button">
<a class="wp-block-button__link has-black-background-color has-background">More Details</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
				

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.