Block Pattern

Curae vestibulum elit aptent tellus
curabitur consectetur

Per lobortis sed felis proin porttitor amet convallis nascetur ligula, ac suscipit purus cras ornare aptent class fames sagittis, a fringilla eu cum montes nostra sodales tincidunt. Pulvinar ipsum libero et ante vel ultrices lacinia risus amet facilisi congue, est primis accumsan eu felis class molestie quisque

Code

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

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

					<!-- wp:cover {"url":"https://wpblockpatterns.jp/wp-content/uploads/2021/10/tree_in_uk.jpg","id":80,"align":"full"} -->
<div class="wp-block-cover alignfull has-background-dim">
<img class="wp-block-cover__image-background wp-image-80" alt="" src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/tree_in_uk.jpg" data-object-fit="cover"/>
<div class="wp-block-cover__inner-container">
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->

<!-- wp:columns {"backgroundColor":"white","textColor":"accent-color"} -->
<div class="wp-block-columns has-accent-color-color has-white-background-color has-text-color has-background">
<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%">
<!-- wp:image {"id":75,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large">
<img src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/dont_go_inside-1024x686.jpg" alt="" class="wp-image-75"/>
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->

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

<!-- wp:heading -->
<h2>Curae vestibulum elit aptent tellus<br>curabitur consectetur</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Per lobortis sed felis proin porttitor amet convallis nascetur ligula, ac suscipit purus cras ornare aptent class fames sagittis, a fringilla eu cum montes nostra sodales tincidunt. Pulvinar ipsum libero et ante vel ultrices lacinia risus amet facilisi congue, est primis accumsan eu felis class molestie quisque</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
<!-- wp:button {"backgroundColor":"accent-color","width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50">
<a class="wp-block-button__link has-accent-color-background-color has-background">Read More</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->

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

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

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.