ブロックエディタ確認用記事

<!-- wp:paragraph -->
<p>テスト投稿記事の本文です。テスト投稿記事の本文です。テスト投稿記事の本文です。テスト投稿記事の本文です。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>テスト投稿記事の本文です。テスト投稿記事の本文です。テスト投稿記事の本文です。テスト投稿記事の本文です。</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">見出しブロック H2</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">見出しブロック H3</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">見出しブロック H4</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">見出しブロック H5</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">見出しブロック H6</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。見出しの下にくる本文の位置の確認。</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>リストブロック（ul）<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>ul内ol</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list --></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>リストブロック（ol）</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>リスト<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>ol内ul</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list --></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p>引用ブロック</p>
<!-- /wp:paragraph --><cite>引用元</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:code -->
<pre class="wp-block-code"><code>code block</code></pre>
<!-- /wp:code -->

<!-- wp:heading -->
<h2 class="wp-block-heading">画像ブロック↓</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":50,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-50"/><figcaption class="wp-element-caption">画像キャプション</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading">↓カラムブロック</h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"align":"center","id":34,"sizeSlug":"medium","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-medium"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-34"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"align":"center","id":31,"sizeSlug":"medium","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-medium"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-31"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2 class="wp-block-heading">↓画像をグループ化して中央配置</h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":34,"sizeSlug":"medium","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-medium"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-34"/></figure>
<!-- /wp:image -->

<!-- wp:image {"align":"center","id":31,"width":300,"height":300,"sizeSlug":"medium","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-medium is-resized"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-31" width="300" height="300"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">↓ギャラリーブロック</h2>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[],"shortCodeTransforms":[],"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":35,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-35"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":34,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-34"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":33,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-33"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":32,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-32"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-31"/></figure>
<!-- /wp:image --><figcaption class="blocks-gallery-caption wp-element-caption">ギャラリーのキャプション</figcaption></figure>
<!-- /wp:gallery -->

<!-- wp:file {"id":35,"href":"https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg"} -->
<div class="wp-block-file"><a id="wp-block-file--media-f1ffe93c-3e08-43c3-821e-27a4f43da156" href="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg">img-about-04</a><a href="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-f1ffe93c-3e08-43c3-821e-27a4f43da156">ダウンロード</a></div>
<!-- /wp:file -->

<!-- wp:media-text {"mediaId":34,"mediaLink":"https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg","mediaType":"image"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://lets-web.site/tools/sample-photo/aspect-ratio/green-w2500.jpg" alt="" class="wp-image-34 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading -->
<h2 class="wp-block-heading">メディアとテキストブロック</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>メディアとテキストブロック</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:embed {"url":"https://www.youtube.com/embed/TUQ57D-IB5k","type":"rich","providerNameSlug":"埋め込みハンドラー","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-rich is-provider-埋め込みハンドラー wp-block-embed-埋め込みハンドラー wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">

</div></figure>
<!-- /wp:embed -->