メディアとテキスト

メディアとテキスト（やわらかい印象–右端）

コンテンツサイズ「フルワイド」に設定されたフルワイドブロック内に設置することを想定しています。

コンテンツの横幅を「記事」「サイト幅」「フルワイド」から選択するUIが表示されており、「フルワイド」が選択されている状態。

見出しH3

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

＼編集画面でペーストするだけ！／

<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top c-SoftMediaRight is-style-broken"><div class="wp-block-media-text__content">
<div class="wp-block-group __SMediaRGroup has-white-background-color has-background">
<h3 class="wp-block-heading has-text-align-left is-style-section_ttl u-mb-ctrl u-mb-10">見出しH3</h3>

<p class="u-mb-ctrl u-mb-10">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
</div><figure class="wp-block-media-text__media"><img src="https://wp120701.wpx.jp/career-win-test/wp-content/uploads/2026/01/placeholder-1024x681.webp" alt="" class="wp-image-126 size-full"/></figure></div>

会員限定コンテンツ

ここは会員限定コンテンツです。

＼お申込みはこちら／

お申込みする！

メディアとテキスト（やわらかい印象–左端）

コンテンツサイズ「フルワイド」に設定されたフルワイドブロック内に設置することを想定しています。

見出しH3

＼編集画面でペーストするだけ！／

<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top c-SoftMediaLeft is-style-broken"><figure class="wp-block-media-text__media"><img src="https://wp120701.wpx.jp/career-win-test/wp-content/uploads/2026/01/placeholder-1024x681.webp" alt="" class="wp-image-126 size-full"/></figure><div class="wp-block-media-text__content">
<div class="wp-block-group __SMediaLGroup has-white-background-color has-background">
<h3 class="wp-block-heading has-text-align-left is-style-section_ttl u-mb-ctrl u-mb-10">見出しH3</h3>

会員限定コンテンツ

ここは会員限定コンテンツです。

＼お申込みはこちら／

お申込みする！

角丸カード

見出しH3

テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト

＼編集画面でペーストするだけ！／

<div class="wp-block-group c-RoundCard u-mb-ctrl u-mb-10">
<div class="wp-block-media-text is-stacked-on-mobile is-style-card" style="grid-template-columns:25% auto"><figure class="wp-block-media-text__media"><img src="https://revify.hakubi-code.com/wp-content/uploads/2026/01/placeholder-1024x681.webp" alt="" class="wp-image-504 size-full"/></figure><div class="wp-block-media-text__content">
<div class="wp-block-group">
<h3 class="wp-block-heading has-text-align-left is-style-section_ttl u-mb-ctrl u-mb-5">見出しH3</h3>

<ul class="wp-block-list">
<li>テキストテキストテキスト</li>

<li>テキストテキストテキスト</li>

<li>テキストテキストテキスト</li>
</ul>
</div>
</div></div>
</div>

会員限定コンテンツ

ここは会員限定コンテンツです。

＼お申込みはこちら／

お申込みする！