Lorem Ipsum is simply It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. 続きを読む パターンのコード <!-- wp:group {"align":"full"} --> <div class="wp-block-group alignfull"><!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-jan19-msp_1901_4487.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=a7e09283f6c4ad102e92f21ad2c0e57b","id":null,"dimRatio":40,"focalPoint":{"x":"1.00","y":"1.00"},"contentPosition":"center center","isDark":false,"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"color":[]}} --> <div class="wp-block-cover is-light" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-jan19-msp_1901_4487.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=a7e09283f6c4ad102e92f21ad2c0e57b" style="object-position:100% 100%" data-object-fit="cover" data-object-position="100% 100%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"border":{"radius":{"topLeft":"5px","topRight":"30px","bottomLeft":"30px","bottomRight":"5px"},"width":"0px","style":"none"},"color":{"gradient":"linear-gradient(135deg,rgb(18,10,0) 0%,rgba(49,0,0,0.47) 50%,rgb(107,0,62) 100%)"},"spacing":{"padding":{"bottom":"50px"}}}} --> <div class="wp-block-group has-background" style="background:linear-gradient(135deg,rgb(18,10,0) 0%,rgba(49,0,0,0.47) 50%,rgb(107,0,62) 100%);border-top-left-radius:5px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:5px;border-style:none;border-width:0px;padding-bottom:50px"><!-- wp:spacer {"height":"78px"} --> <div style="height:78px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.1"}}} --> <h2 style="line-height:1.1"><strong><strong>Lorem Ipsum</strong> is simply </strong></h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} --> <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#dedcdc","text":"#333333"},"border":{"radius":{"topLeft":"10px","topRight":"0px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}}}} --> <div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" style="border-top-left-radius:10px;border-top-right-radius:0px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#dedcdc;color:#333333;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">続きを読む </a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div> <!-- /wp:group -->