このようなページを作ります。
- コードを全部コピーする
- LP新規追加
- コードエディターにする
- 貼り付ける
- 「コードエディターを終了」
- 好きなようにカスタマイズしてください
<!-- wp:cover {"url":"https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg","id":30,"dimRatio":50,"minHeight":100,"minHeightUnit":"vh","align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-30" alt="" src="https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","className":"is-style-section_ttl","fontSize":"large"} -->
<p class="has-text-align-center is-style-section_ttl has-large-font-size"><span class="swl-fz u-fz-xl">ランディングページを作ろう！</span><br><span class="swl-fz u-fz-xl">セミナー案内</span></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">ここにテキストを入力しますこ<br>こにテキストを入力しますここ<br>にテキストを入力しますここ<br>にテキストを入力しますここにテキス。</p>
<!-- /wp:paragraph -->
<!-- wp:loos/button {"fontSize":"0.7em","width":"20%","btnSize":"custom","className":"is-style-more_btn"} -->
<div class="swell-block-button -size-custom is-style-more_btn" style="--the-fz:0.7em;--the-width:20%"><a href="" class="swell-block-button__link"><span>詳細はこちら</span></a></div>
<!-- /wp:loos/button -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><br></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:loos/full-wide {"bgColor":"#ffffff"} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-article"><!-- wp:heading {"className":"is-style-section_ttl"} -->
<h2 class="wp-block-heading is-style-section_ttl">こんなことに悩んでいませんか？</h2>
<!-- /wp:heading -->
<!-- wp:list {"className":"is-style-check_list -list-under-dashed"} -->
<ul class="is-style-check_list -list-under-dashed"><!-- wp:list-item -->
<li>テキストを入力しますテキストを入力します</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>テキストを入力しますテキストを入力します</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>テキストを入力しますテキストを入力します</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>テキストを入力しますテキストを入力します</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div></div>
<!-- /wp:loos/full-wide -->
<!-- wp:loos/full-wide -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull" style="background-color:#f7f7f7"><div class="swell-block-fullWide__inner l-article"><!-- wp:heading {"className":"is-style-section_ttl"} -->
<h2 class="wp-block-heading is-style-section_ttl">このセミナーではこんなことが学べます</h2>
<!-- /wp:heading -->
<!-- wp:media-text {"align":"","mediaId":30,"mediaLink":"https://office.erikarie.info/member/6ee079cd40fe21bce0297831157f34a2_s/","mediaType":"image","mediaWidth":30,"verticalAlignment":"center","className":"is-style-card"} -->
<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center is-style-card" style="grid-template-columns:30% auto"><figure class="wp-block-media-text__media"><img src="https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg" alt="" class="wp-image-30 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"className":"is-style-section_ttl u-mb-ctrl u-mb-10"} -->
<h2 class="wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-10">学べることタイトルを書く</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p>ここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキスとを入力します。ここにテキストを入力しますここにテキストを入力しますここにテキストを入力します。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->
<!-- wp:media-text {"align":"","mediaId":30,"mediaLink":"https://office.erikarie.info/member/6ee079cd40fe21bce0297831157f34a2_s/","mediaType":"image","mediaWidth":30,"verticalAlignment":"center","className":"is-style-card"} -->
<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center is-style-card" style="grid-template-columns:30% auto"><figure class="wp-block-media-text__media"><img src="https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg" alt="" class="wp-image-30 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"className":"is-style-section_ttl u-mb-ctrl u-mb-10"} -->
<h2 class="wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-10">学べることタイトルを書く</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p>ここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキスとを入力します。ここにテキストを入力しますここにテキストを入力しますここにテキストを入力します。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->
<!-- wp:media-text {"align":"","mediaId":30,"mediaLink":"https://office.erikarie.info/member/6ee079cd40fe21bce0297831157f34a2_s/","mediaType":"image","mediaWidth":30,"verticalAlignment":"center","className":"is-style-card"} -->
<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center is-style-card" style="grid-template-columns:30% auto"><figure class="wp-block-media-text__media"><img src="https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg" alt="" class="wp-image-30 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"className":"is-style-section_ttl u-mb-ctrl u-mb-10"} -->
<h2 class="wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-10">学べることタイトルを書く</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p>ここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキスとを入力します。ここにテキストを入力しますここにテキストを入力しますここにテキストを入力します。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text --></div></div>
<!-- /wp:loos/full-wide -->
<!-- wp:loos/full-wide {"bgColor":"#ffffff"} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-article"><!-- wp:group {"className":"has-border -border04","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border -border04"><!-- wp:heading {"className":"is-style-section_ttl"} -->
<h2 class="wp-block-heading is-style-section_ttl"><span class="swl-fz u-fz-xs">＼特典があります！／</span><br><span class="swl-marker mark_orange">参加した方にプレゼント♪</span></h2>
<!-- /wp:heading -->
<!-- wp:media-text {"mediaPosition":"right","mediaId":30,"mediaLink":"https://office.erikarie.info/member/6ee079cd40fe21bce0297831157f34a2_s/","mediaType":"image"} -->
<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile"><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p>ここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキストを入力しますここにテキスとを入力します。ここにテキストを入力しますここにテキストを入力しますここにテキストを入力します。</p>
<!-- /wp:paragraph --></div><figure class="wp-block-media-text__media"><img src="https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg" alt="" class="wp-image-30 size-full"/></figure></div>
<!-- /wp:media-text --></div>
<!-- /wp:group --></div></div>
<!-- /wp:loos/full-wide -->
<!-- wp:loos/full-wide -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull" style="background-color:#f7f7f7"><div class="swell-block-fullWide__inner l-article"><!-- wp:heading {"className":"is-style-section_ttl"} -->
<h2 class="wp-block-heading is-style-section_ttl">お申し込みはこちら</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","className":"u-mb-ctrl u-mb-0"} -->
<p class="has-text-align-center u-mb-ctrl u-mb-0">＼お名前を送信してください／</p>
<!-- /wp:paragraph -->
<!-- wp:loos/button {"color":"blue","btnSize":"l","className":"is-style-btn_shiny"} -->
<div class="swell-block-button blue_ -size-l is-style-btn_shiny"><a href="" class="swell-block-button__link"><span>公式ラインでお申し込み</span></a></div>
<!-- /wp:loos/button --></div></div>
<!-- /wp:loos/full-wide -->
<!-- wp:loos/full-wide {"bgColor":"#ffffff"} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull" style="background-color:#ffffff"><div class="swell-block-fullWide__inner l-article"><!-- wp:paragraph {"className":"is-style-section_ttl is-style-balloon_box"} -->
<p class="is-style-section_ttl is-style-balloon_box">セミナー概要</p>
<!-- /wp:paragraph -->
<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td>日時</td><td>2024年00月00日<br>13:00-15:00</td></tr><tr><td>場所</td><td>住所/施設名</td></tr><tr><td>人数</td><td>10名</td></tr><tr><td>料金</td><td>税込3300円</td></tr><tr><td>お支払方法</td><td>現地払い</td></tr></tbody></table></figure>
<!-- /wp:table --></div></div>
<!-- /wp:loos/full-wide -->
<!-- wp:loos/full-wide -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull" style="background-color:#f7f7f7"><div class="swell-block-fullWide__inner l-article"><!-- wp:heading {"className":"is-style-section_ttl"} -->
<h2 class="wp-block-heading is-style-section_ttl">講師プロフィール</h2>
<!-- /wp:heading -->
<!-- wp:media-text {"mediaId":30,"mediaLink":"https://office.erikarie.info/member/6ee079cd40fe21bce0297831157f34a2_s/","mediaType":"image"} -->
<div class="wp-block-media-text is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://office.erikarie.info/member/wp-content/uploads/2023/10/6ee079cd40fe21bce0297831157f34a2_s.jpg" alt="" class="wp-image-30 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p>名前</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>肩書き</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>実績やプロフィール</p>
<!-- /wp:paragraph -->
<!-- wp:social-links -->
<ul class="wp-block-social-links"><!-- wp:social-link {"service":"youtube"} /-->
<!-- wp:social-link {"service":"facebook"} /-->
<!-- wp:social-link {"service":"instagram"} /-->
<!-- wp:social-link {"service":"threads"} /-->
<!-- wp:social-link {"service":"spotify"} /--></ul>
<!-- /wp:social-links --></div></div>
<!-- /wp:media-text --></div></div>
<!-- /wp:loos/full-wide -->
