講座やセミナーの募集LPの作り方【テンプレート】

2025年6月27日
このようなページを作ります。
コードを全部コピーする
固定ページ新規追加
本文の箇所に貼り付ける
好きなようにカスタマイズしてください
<!-- wp:cover {"url":"https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462-1024x683.jpg","id":116,"dimRatio":50,"align":"full","className":"u-mb-ctrl u-mb-0","style":{"color":{}}} -->
<div class="wp-block-cover alignfull u-mb-ctrl u-mb-0"><img class="wp-block-cover__image-background wp-image-116" alt="" src="https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462-1024x683.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","className":"u-mb-ctrl u-mb-0","fontSize":"large"} -->
<p class="has-text-align-center u-mb-ctrl u-mb-0 has-large-font-size"><span class="swl-fz u-fz-s">＼悩み＋希望／</span></p>
<!-- /wp:paragraph -->

<!-- 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 {"className":"is-style-more_btn"} -->
<div class="swell-block-button is-style-more_btn"><a href="" class="swell-block-button__link"><span>入力・送信してください</span></a></div>
<!-- /wp:loos/button --></div></div>
<!-- /wp:cover -->

<!-- wp:loos/full-wide {"bgOpacity":0} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull"><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 {"mediaPosition":"right","mediaId":116,"mediaLink":"https://web.erikarie.info/demo3/?attachment_id=116","mediaType":"image","mediaWidth":30,"verticalAlignment":"top","imageFill":false} -->
<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top" style="grid-template-columns:auto 30%"><div class="wp-block-media-text__content"><!-- wp:list {"className":"is-style-check_list -list-under-dashed"} -->
<ul class="wp-block-list 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 -->

<!-- wp:list-item -->
<li>困りごと</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div><figure class="wp-block-media-text__media"><img src="https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462-1024x683.jpg" alt="" class="wp-image-116 size-full"/></figure></div>
<!-- /wp:media-text --></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 {"mediaPosition":"right","mediaId":116,"mediaLink":"https://web.erikarie.info/demo3/?attachment_id=116","mediaType":"image","mediaWidth":30,"verticalAlignment":"top","imageFill":false} -->
<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top" style="grid-template-columns:auto 30%"><div class="wp-block-media-text__content"><!-- wp:list {"className":"-list-under-dashed is-style-good_list"} -->
<ul class="wp-block-list -list-under-dashed is-style-good_list"><!-- 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 -->

<!-- wp:list-item -->
<li>変化</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div><figure class="wp-block-media-text__media"><img src="https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462-1024x683.jpg" alt="" class="wp-image-116 size-full"/></figure></div>
<!-- /wp:media-text --></div></div>
<!-- /wp:loos/full-wide -->

<!-- wp:loos/full-wide {"bgOpacity":0} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull"><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":116,"mediaLink":"https://web.erikarie.info/demo3/?attachment_id=116","mediaType":"image"} -->
<div class="wp-block-media-text is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462-1024x683.jpg" alt="" class="wp-image-116 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p><span class="swl-fz u-fz-s">肩書き</span><br><strong>名前名前</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>簡単なプロフィール、自己紹介</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text --></div></div>
<!-- /wp:loos/full-wide -->

<!-- wp:loos/full-wide {"bgColor":"#000000","textColor":"#fff","bgImageUrl":"https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462.jpg","bgImageID":116,"bgOpacity":50} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 has-bg-img alignfull lazyload" style="color:#fff;background-color:rgba(0, 0, 0, 0.5)" data-bg="https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462.jpg"><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:loos/columns {"className":""} -->
<div class="swell-block-columns"><div class="swell-block-columns__inner"><!-- wp:loos/column -->
<div class="swell-block-column swl-has-mb--s"><!-- wp:group {"className":"is-style-bg_grid","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-bg_grid has-white-background-color has-background"><!-- wp:heading {"level":3,"className":"u-mb-ctrl u-mb-10"} -->
<h3 class="wp-block-heading u-mb-ctrl u-mb-10">タイトル</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、100文字</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><span class="swl-fz u-fz-s">名前、年齢、職業</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:loos/column -->

<!-- wp:loos/column -->
<div class="swell-block-column swl-has-mb--s"><!-- wp:group {"className":"is-style-bg_grid","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-bg_grid has-white-background-color has-background"><!-- wp:heading {"level":3,"className":"u-mb-ctrl u-mb-10"} -->
<h3 class="wp-block-heading u-mb-ctrl u-mb-10">タイトル</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、100文字</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><span class="swl-fz u-fz-s">名前、年齢、職業</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:loos/column -->

<!-- wp:loos/column -->
<div class="swell-block-column swl-has-mb--s"><!-- wp:group {"className":"is-style-bg_grid","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-bg_grid has-white-background-color has-background"><!-- wp:heading {"level":3,"className":"u-mb-ctrl u-mb-10"} -->
<h3 class="wp-block-heading u-mb-ctrl u-mb-10">タイトル</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、100文字</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><span class="swl-fz u-fz-s">名前、年齢、職業</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:loos/column -->

<!-- wp:loos/column -->
<div class="swell-block-column swl-has-mb--s"><!-- wp:group {"className":"is-style-bg_grid","backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-bg_grid has-white-background-color has-background"><!-- wp:heading {"level":3,"className":"u-mb-ctrl u-mb-10"} -->
<h3 class="wp-block-heading u-mb-ctrl u-mb-10">タイトル</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、100文字</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><span class="swl-fz u-fz-s">名前、年齢、職業</span></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:loos/column --></div></div>
<!-- /wp:loos/columns --></div></div>
<!-- /wp:loos/full-wide -->

<!-- wp:loos/full-wide {"bgOpacity":0} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 alignfull"><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:table {"hasFixedLayout":false,"className":"is-style-simple"} -->
<figure class="wp-block-table is-style-simple"><table><tbody><tr><td>日時</td><td>2025年8月21日<br>11:00-13:00</td></tr><tr><td>場所</td><td>オンライン</td></tr><tr><td>料金</td><td>税込5500円</td></tr><tr><td>定員</td><td>10人</td></tr><tr><td>申込方法</td><td>申し込みフォームよりお申し込みください。</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading {"className":"is-style-section_ttl"} -->
<h2 class="wp-block-heading is-style-section_ttl">よくある質問</h2>
<!-- /wp:heading -->

<!-- wp:loos/faq {"qIconStyle":"col-main"} -->
<dl class="swell-block-faq" data-q="col-main" data-a="col-text"><!-- wp:loos/faq-item -->
<div class="swell-block-faq__item"><dt class="faq_q">質問</dt><dd class="faq_a"><!-- wp:paragraph -->
<p>答え</p>
<!-- /wp:paragraph --></dd></div>
<!-- /wp:loos/faq-item -->

<!-- wp:loos/faq-item -->
<div class="swell-block-faq__item"><dt class="faq_q">質問</dt><dd class="faq_a"><!-- wp:paragraph -->
<p>答え</p>
<!-- /wp:paragraph --></dd></div>
<!-- /wp:loos/faq-item --></dl>
<!-- /wp:loos/faq --></div></div>
<!-- /wp:loos/full-wide -->

<!-- wp:loos/full-wide {"bgColor":"#000000","textColor":"#fff","bgImageUrl":"https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462.jpg","bgImageID":116,"bgOpacity":50} -->
<div class="swell-block-fullWide pc-py-60 sp-py-40 has-bg-img alignfull lazyload" style="color:#fff;background-color:rgba(0, 0, 0, 0.5)" data-bg="https://web.erikarie.info/demo3/wp-content/uploads/2025/06/p4462.jpg"><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:loos/button {"className":"is-style-more_btn"} -->
<div class="swell-block-button is-style-more_btn"><a href="" class="swell-block-button__link"><span>専用フォームに入力して送信してください。</span></a></div>
<!-- /wp:loos/button --></div></div>
<!-- /wp:loos/full-wide -->
テンプレートの使い方についてはこちら

夢も事業もHPも！小さく始めて大きく育てる部のメンバーサイトは、ずぼらイズWEBオフィス提供の「名刺型ホームページ」を制作された方専用のラーニングサイトです。

基本的に納品時の設定と同じ画面で動画を作っていますが、動画と実際の画面が違っているためによくわからない、操作がうまくできない、と言うような場合は公式ライン▷よりお知らせください。