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


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.