Block Pattern

Contact

Posuere justo aptent gravida sed nec erat
Convallis maecenas pellentesque
Egestas senectus phasellus justo platea urna

Code

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

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

					<!-- wp:media-text {"mediaId":88,"mediaLink":"https://wpblockpatterns.jp/ume_in_gifu_08/","mediaType":"image","imageFill":true,"focalPoint":{"x":"0.00","y":"0.43"}} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill">
<figure class="wp-block-media-text__media" style="background-image:url(https://wpblockpatterns.jp/wp-content/uploads/2021/10/ume_in_Gifu_08-1024x686.jpg);background-position:0% 43%">
<img src="https://wpblockpatterns.jp/wp-content/uploads/2021/10/ume_in_Gifu_08-1024x686.jpg" alt="" class="wp-image-88 size-full"/>
</figure>
<div class="wp-block-media-text__content">
<!-- wp:spacer {"height":405} -->
<div style="height:405px" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"placeholder":"コンテンツ…","fontSize":"large"} -->
<p class="has-large-font-size">
<strong>Contact</strong>
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Posuere justo aptent gravida sed nec erat<br>Convallis maecenas pellentesque <br>Egestas senectus phasellus justo platea urna </p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"className":"is-style-default"} -->
<ul class="wp-block-social-links is-style-default">
<!-- wp:social-link {"url":"#","service":"wordpress"} /-->

<!-- wp:social-link {"url":"#","service":"amazon"} /-->

<!-- wp:social-link {"url":"#","service":"behance"} /-->

<!-- wp:social-link {"url":"#","service":"fivehundredpx"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->
</ul>
<!-- /wp:social-links -->
</div>
</div>
<!-- /wp:media-text -->
				

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.