これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
今すぐCHECK
<!-- wp:st-blocks/flexbox {"selectedIcon":"","title":"","linkBlank":true,"backgroundColor":"#ffffff","borderWidth":1,"borderColor":"#b1aeae","marginBottom":20,"alignLeft":true,"className":"pa-0 st-box-shadow"} -->
<a class="wp-block-st-blocks-flexbox st-flexbox-link pa-0 st-box-shadow" href="https://www.yahoo.co.jp/" rel="noopener noreferrer" target="_blank"><div class="wp-block-st-blocks-flexbox st-header-flexwrap st-flexbox-left pa-0 st-box-shadow" style="width:100%;box-sizing:border-box;height:auto;background-color:#ffffff;border:1px solid #b1aeae;margin-bottom:20px;padding:20px"><div class="st-header-flexbox"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"className":"is-style-default has-no-st-margin-bottom","layout":{"type":"constrained"},"stMarginBottom":"0"} -->
<div class="wp-block-group is-style-default has-no-st-margin-bottom" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"className":"mb0 gap-0","stGap0":true} -->
<div class="wp-block-columns mb0 gap-0"><!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:cover {"url":"http://affinger.com/library/wp-content/uploads/2022/11/highway-7213206_1280.jpg","id":308,"dimRatio":0,"minHeight":150,"contentPosition":"center center"} -->
<div class="wp-block-cover" style="min-height:150px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-308" alt="" src="http://affinger.com/library/wp-content/uploads/2022/11/highway-7213206_1280.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">これはダミーのテキストですこれはダミーのテキストです</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><span class="st-code">今すぐCHECK</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div></a>
<!-- /wp:st-blocks/flexbox -->
コピーしました
エリア全体にリンクを設定できるカードです(サンプルでは「https://www.yahoo.co.jp/」にリンクが飛びます)。
左側にはカバーブロックの代わりに画像を入れることも可能です。
ブロックの中にさらにリンク(a)要素を入れることはできません