Block Pattern

Plum Blossom

Senectus posuere cras torquent

Parturient sapien leo pellentesque et ante neque blandit etiam elit nam

Senectus posuere cras torquent

Parturient sapien leo pellentesque et ante neque blandit etiam elit nam

Senectus posuere cras torquent

Parturient sapien leo pellentesque et ante neque blandit etiam elit nam

Code

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

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

					<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"backgroundColor":"accent-color"} -->
<div class="wp-block-group has-accent-color-background-color has-background">
<!-- 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 -->

<!-- wp:heading {"textColor":"white"} -->
<h2 class="has-white-color has-text-color">Senectus posuere cras torquent</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Parturient sapien leo pellentesque et ante neque blandit etiam elit nam</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"textColor":"white","width":100,"style":{"border":{"radius":0}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
<a class="wp-block-button__link has-white-color has-text-color no-border-radius">Detail</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"backgroundColor":"accent-color"} -->
<div class="wp-block-group has-accent-color-background-color has-background">
<!-- 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:heading {"textColor":"white"} -->
<h2 class="has-white-color has-text-color">Senectus posuere cras torquent</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Parturient sapien leo pellentesque et ante neque blandit etiam elit nam</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"textColor":"white","width":100,"style":{"border":{"radius":0}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
<a class="wp-block-button__link has-white-color has-text-color no-border-radius">Detail</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"backgroundColor":"accent-color"} -->
<div class="wp-block-group has-accent-color-background-color has-background">
<!-- wp:image {"id":81,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large">
<img src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/ume_in_Gifu_01-1024x679.jpg" alt="" class="wp-image-81"/>
</figure>
<!-- /wp:image -->

<!-- wp:heading {"textColor":"white"} -->
<h2 class="has-white-color has-text-color">Senectus posuere cras torquent</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Parturient sapien leo pellentesque et ante neque blandit etiam elit nam</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"textColor":"white","width":100,"style":{"border":{"radius":0}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
<a class="wp-block-button__link has-white-color has-text-color no-border-radius">Detail</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</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.