Block Pattern

Location

60 29th Street #343
San Francisco, CA 94110
United States of America

Date

October 12, 2021
Open : 2pm, Start : 3pm

Code

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

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

					<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:image {"align":"full","id":79,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image alignfull size-large">
<img src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/spider-1024x686.jpg" alt="" class="wp-image-79"/>
</figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":4} -->
<h4>Location</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>60 29th Street #343<br>San Francisco, CA 94110<br>United States of America</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":4} -->
<h4>Date</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>October 12, 2021<br>Open : 2pm, Start : 3pm</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
<!-- wp:button {"backgroundColor":"accent-color","width":100} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100">
<a class="wp-block-button__link has-accent-color-background-color has-background">Purchase here</a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</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.