Block Pattern

Eu ipsum eleifend lacinia

Fames metus tempor
adipiscing ad lorem cubilia

Dictum proin diam quam curae mauris
vestibulum sociis, rhoncus elit iaculis lectus at mattis molestie,
blandit conubia metus nascetur eros posuere.
Laoreet phasellus condimentum turpis ac
commodo leo lacinia libero accumsan facilisis urna

Plum Blossom

Code

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

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

					<!-- wp:group {"align":"full"} -->
<div class="wp-block-group alignfull">
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Eu ipsum eleifend lacinia</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"50px"}}} -->
<h2 class="has-text-align-center" style="font-size:50px">Fames metus tempor<br>adipiscing ad lorem cubilia</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Dictum proin diam quam curae mauris<br>vestibulum sociis, rhoncus elit iaculis lectus at mattis molestie,<br>blandit conubia metus nascetur eros posuere.<br>Laoreet phasellus condimentum turpis ac<br>commodo leo lacinia libero accumsan facilisis urna </p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
<!-- wp:button {"backgroundColor":"accent-color","textColor":"white","width":25,"style":{"border":{"radius":0}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-25">
<a class="wp-block-button__link has-white-color has-accent-color-background-color has-text-color has-background no-border-radius">More Details</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 -->

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

<!-- wp:image {"id":85,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large">
<img src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/ume_in_Gifu_05-1024x679.jpg" alt="Plum Blossom" class="wp-image-85"/>
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:image {"id":88,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large">
<img src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/ume_in_Gifu_08-1024x686.jpg" alt="" class="wp-image-88"/>
</figure>
<!-- /wp:image -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
</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.