集客専用WordPressパッケージL-spreadがリリースされました。
Geniusからの移行で使えるテンプレート

Geniusからの移行で使えるテンプレート

WordPressテーマ「Genius」で用意されていたレイアウトを、テンプレートにいたしました。コピーボタンをクリック、ペーストするだけで簡単にご利用いただけます。

移行の手順

現在すでに公開されているサイトのテーマ変更する場合は、作業中のページが閲覧者に見えないようにするプラグイン等を使用することをおすすめいたします。

Great looking maintenance, coming soon & under construction pages. Put your site…
ja.wordpress.org
Easy Drag & Drop Page Builder that adds a splash page to your site that it'…
ja.wordpress.org

どちらも、簡単にメンテナンス中などの表示を閲覧者に出せるプラグインです。WordPressログインしている場合のみ、通常画面が確認できます。

編集作業が終わったら、メンテナンスモードをオフにするのをお忘れなく。

バックアップ

また、念のためバックアップを必ず取ってください。バックアップ用のプラグインは数多くありますが、下記ワンクリックでまるごとバックアップがとれるものなどが便利です。

1クリックでサイトを移動、転送、コピー、移行、バックアップします。すばやくて簡単、高い信頼性。
ja.wordpress.org

テーマの変更前の準備

Geniusではトップページ・メインビジュアル専用の編集画面がありましたが、Lspreadでは通常の「固定ページ」でトップページを制作いたします。(もしくは投稿一覧)

トップページ用の固定ページがコピー&ペーストで作れるように、テーマを変更するまえにトップページをブラウザのメニューから【保存】し、保存したhtmlデータを別タブで表示させておくと便利です。

ブラウザのメニューから
[ファイル]→[別名で保存]
任意の場所に保存
→保存したhtmlファイルを、ブラウザで開く

また、必要に応じてカスタマイズ画面にて設定済みの「色」・「追加CSS」などもコピーし、一旦メモ帳か何かに貼り付けておくと便利です。

テーマの変更

1.事前準備
実際に本商品をダウンロードして、使い始めるまでの事前準備です。
lspread.s-designers.jp

上記ページを参考に、テーマ・プラグイン(L-spread/yStandard Toolbox/yStandard Blocks)をすべてインストール・有効化までしてください。アップデートが出ている場合は、アップデートも行ってください。

テーマが変更完了しましたら、ブロックエディタが使用できるように設定を行ってください。

●「設定」→「投稿設定」→「ユーザーにエディターの切り替えを許可」を【はい】にチェック(必要であればデフォルトエディターも変更)
●もしくは、プラグイン「ClassicEditor」を無効(削除)する

ページの設定

前述の通り、Geniusで用意されていたトップページ・メインビジュアル専用の編集画面がなくなりますので、トップページ用の固定ページを新規作成してください

Geniusで用意されていたトップページ用のレイアウトを、下記のテンプレートで用意いたしました。

使用方法

  1. 下記レイアウト一覧から、必要なレイアウトの「コピーする」ボタンをクリック
  2. 新規作成した固定ページの編集画面で、ペーストする。
  3. ダミーになっている画像やテキストを編集してください。
  4. 必要に応じて色の変更などを行う。

トップ画像用スライダー

<!-- wp:ystdb/section {"containerFluid":true} -->
<div class="alignfull ystdb-section is-container-fluid" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0" id="slider"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">トップ画像用スライダー</p>
<!-- /wp:paragraph -->

<!-- wp:ystdtb/slider {"sliderId":"13b54f42","speed":1,"autoplayDelay":7,"hasNavigation":true,"navigationColor":"ys-gray","paginationType":"bullets","paginationColor":"#656565"} -->
<div class="ystdtb-slider"><div id="ystdtb-slider-13b54f42" class="swiper ystdtb-slider__slider" data-slider-options="{&quot;speed&quot;:1000,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;delay&quot;:7000},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;},&quot;pagination&quot;:{&quot;type&quot;:&quot;bullets&quot;,&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;dynamicBullets&quot;:false}}"><div class="swiper-wrapper ystdtb-slider__container"><!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- wp:ystdb/section {"backgroundImageOpacity":50,"backgroundImageURL":"https://lspread.s-designers.jp/wp-content/uploads/2023/03/1980x500.png","backgroundImageAlt":"","backgroundImageID":538,"innerCustomWidth":1200,"containerFluid":true} -->
<div class="alignfull ystdb-section has-background-image is-container-fluid" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0;background-image:url('https://lspread.s-designers.jp/wp-content/uploads/2023/03/1980x500.png')"><div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="max-width:1200px;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="wp-block-heading has-text-align-center">スライダー見出し1</h1>
<!-- /wp:heading -->

<!-- wp:media-text {"mediaId":111,"mediaLink":"https://lspread.s-designers.jp/sample-page/attachment/img_pc/","mediaType":"image"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://lspread.s-designers.jp/wp-content/uploads/2022/06/img_pc-1024x589.png" alt="" class="wp-image-111 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:ystdb/svg-button {"align":"center"} -->
<div class="wp-block-button has-text-align-center"><a class="wp-block-button__link ystdb-button__link" style="border-radius:4px"><span class="ystdb-button__link-content"><span class="ystdb-button__text">詳しくはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section --></div>
<!-- /wp:ystdtb/slider-item -->

<!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- wp:ystdb/section {"customBackgroundColor":"#ca0000","backgroundImageOpacity":13,"backgroundImageURL":"https://lspread.s-designers.jp/wp-content/uploads/2023/03/1980x500.png","backgroundImageAlt":"","backgroundImageID":538,"innerCustomWidth":1200,"containerFluid":true} -->
<div class="alignfull ystdb-section has-background-image is-container-fluid" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0;background-image:url('https://lspread.s-designers.jp/wp-content/uploads/2023/03/1980x500.png')"><div class="ystdb-section__bg has-background" aria-hidden="true" role="img" style="background:#ca0000;opacity:0.13"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="max-width:1200px;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="wp-block-heading has-text-align-center">スライダー見出し2</h1>
<!-- /wp:heading -->

<!-- wp:media-text {"mediaPosition":"right","mediaId":111,"mediaLink":"https://lspread.s-designers.jp/sample-page/attachment/img_pc/","mediaType":"image"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile"><div class="wp-block-media-text__content"><!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div><figure class="wp-block-media-text__media"><img src="https://lspread.s-designers.jp/wp-content/uploads/2022/06/img_pc-1024x589.png" alt="" class="wp-image-111 size-full"/></figure></div>
<!-- /wp:media-text -->

<!-- wp:ystdb/svg-button {"align":"center"} -->
<div class="wp-block-button has-text-align-center"><a class="wp-block-button__link ystdb-button__link" style="border-radius:4px"><span class="ystdb-button__link-content"><span class="ystdb-button__text">詳しくはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section --></div>
<!-- /wp:ystdtb/slider-item --></div><div class="swiper-button-prev has-text-color has-ys-gray-color"></div><div class="swiper-button-next has-text-color has-ys-gray-color"></div><div class="swiper-pagination" style="color:#656565;--swiper-pagination-color:#656565"></div></div></div>
<!-- /wp:ystdtb/slider --></div></div></div>
<!-- /wp:ystdb/section -->

ブロック横型

<!-- wp:ystdb/section {"customBackgroundColor":"#fbfbfb"} -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0" id="block-yoko"><div class="ystdb-section__bg has-background" aria-hidden="true" role="img" style="background:#fbfbfb;opacity:1"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:heading {"textAlign":"center","className":"wp-block-heading"} -->
<h2 class="wp-block-heading has-text-align-center">ブロック横型</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/800x450.png" alt=""/></a></figure>
<!-- /wp:image -->

<!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":175,"subTextBorderHeight":1,"dividerColor":"ys-gray","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">見出し見出し見出し見出し見出し見出し</h3><svg width="175" height="1" viewBox="0 0 175 1" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;margin-bottom:4px" class="ystdb-heading__line has-ys-gray-fill" aria-hidden="true"><path d="m0 0 h 175 v 1 h -175 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/800x450.png" alt=""/></a></figure>
<!-- /wp:image -->

<!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":175,"subTextBorderHeight":1,"dividerColor":"ys-gray","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">見出し見出し見出し見出し見出し見出し</h3><svg width="175" height="1" viewBox="0 0 175 1" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;margin-bottom:4px" class="ystdb-heading__line has-ys-gray-fill" aria-hidden="true"><path d="m0 0 h 175 v 1 h -175 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/800x450.png" alt=""/></a></figure>
<!-- /wp:image -->

<!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":175,"subTextBorderHeight":1,"dividerColor":"ys-gray","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">見出し見出し見出し見出し見出し見出し</h3><svg width="175" height="1" viewBox="0 0 175 1" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;margin-bottom:4px" class="ystdb-heading__line has-ys-gray-fill" aria-hidden="true"><path d="m0 0 h 175 v 1 h -175 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:ystdb/svg-button {"align":"right","url":"#"} -->
<div class="wp-block-button has-text-align-right"><a href="#" class="wp-block-button__link ystdb-button__link" style="border-radius:4px"><span class="ystdb-button__link-content"><span class="ystdb-button__text">詳しくはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section -->

ブロック縦型

<!-- wp:ystdb/section -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0" id="block-tate"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:heading {"textAlign":"center","className":"wp-block-heading"} -->
<h2 class="wp-block-heading has-text-align-center">ブロック縦型</h2>
<!-- /wp:heading -->

<!-- wp:media-text {"align":"","mediaId":533,"mediaLink":"https://lspread.s-designers.jp/?attachment_id=533","linkDestination":"custom","mediaType":"image","mediaWidth":30,"verticalAlignment":"top","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-media-text is-stacked-on-mobile is-vertically-aligned-top" 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);grid-template-columns:30% auto"><figure class="wp-block-media-text__media"><a href="#"><img src="https://lspread.s-designers.jp/wp-content/uploads/2023/07/800x450.png" alt="" class="wp-image-533 size-full"/></a></figure><div class="wp-block-media-text__content"><!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":175,"subTextBorderHeight":1,"dividerColor":"ys-gray","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">見出し見出し見出し見出し見出し見出し</h3><svg width="175" height="1" viewBox="0 0 175 1" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;margin-bottom:4px" class="ystdb-heading__line has-ys-gray-fill" aria-hidden="true"><path d="m0 0 h 175 v 1 h -175 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"align":"","mediaId":533,"mediaLink":"https://lspread.s-designers.jp/?attachment_id=533","linkDestination":"custom","mediaType":"image","mediaWidth":30,"verticalAlignment":"top","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-media-text is-stacked-on-mobile is-vertically-aligned-top" 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);grid-template-columns:30% auto"><figure class="wp-block-media-text__media"><a href="#"><img src="https://lspread.s-designers.jp/wp-content/uploads/2023/07/800x450.png" alt="" class="wp-image-533 size-full"/></a></figure><div class="wp-block-media-text__content"><!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":175,"subTextBorderHeight":1,"dividerColor":"ys-gray","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">見出し見出し見出し見出し見出し見出し</h3><svg width="175" height="1" viewBox="0 0 175 1" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;margin-bottom:4px" class="ystdb-heading__line has-ys-gray-fill" aria-hidden="true"><path d="m0 0 h 175 v 1 h -175 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"align":"","mediaId":533,"mediaLink":"https://lspread.s-designers.jp/?attachment_id=533","linkDestination":"custom","mediaType":"image","mediaWidth":30,"verticalAlignment":"top","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-media-text is-stacked-on-mobile is-vertically-aligned-top" 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);grid-template-columns:30% auto"><figure class="wp-block-media-text__media"><a href="#"><img src="https://lspread.s-designers.jp/wp-content/uploads/2023/07/800x450.png" alt="" class="wp-image-533 size-full"/></a></figure><div class="wp-block-media-text__content"><!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":175,"subTextBorderHeight":1,"dividerColor":"ys-gray","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">見出し見出し見出し見出し見出し見出し</h3><svg width="175" height="1" viewBox="0 0 175 1" xmlns="http://www.w3.org/2000/svg" style="margin-top:4px;margin-bottom:4px" class="ystdb-heading__line has-ys-gray-fill" aria-hidden="true"><path d="m0 0 h 175 v 1 h -175 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:paragraph {"placeholder":"コンテンツ…"} -->
<p></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:ystdb/svg-button {"align":"right","url":"#"} -->
<div class="wp-block-button has-text-align-right"><a href="#" class="wp-block-button__link ystdb-button__link" style="border-radius:4px"><span class="ystdb-button__link-content"><span class="ystdb-button__text">詳しくはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section -->

チェックリストタイトル

<!-- wp:ystdb/section {"customBackgroundColor":"#fbfbfb"} -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0" id="cheklist"><div class="ystdb-section__bg has-background" aria-hidden="true" role="img" style="background:#fbfbfb;opacity:1"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:ystdtb/box {"boxBackgroundColor":"ys-light-gray","boxBorderColor":"ys-light-gray","boxPadding":{"desktop":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}}} -->
<div class="ystdtb-box is-box-style--label-none" style="--ystdtb-box-border-width:1px;--ystdtb-box-padding-top:50px;--ystdtb-box-padding-right:50px;--ystdtb-box-padding-bottom:50px;--ystdtb-box-padding-left:50px;--ystdtb-box-label-font-size:0.9em"><div class="ystdtb-box__inner-container has-ys-light-gray-background-color has-background has-ys-light-gray-border-color has-border has-border-color" style="border-style:solid" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;}"><div class="ystdtb-box__content" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;,&quot;padding-top&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;,&quot;padding-bottom&quot;:&quot;50px&quot;,&quot;padding-left&quot;:&quot;50px&quot;}"><!-- wp:ystdb/heading {"align":"center","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-center"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style" style="font-weight:700">チェックリストタイトル</h2></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdtb/icon-list {"iconType":"fa-check-circle","customIconClass":"is-pcj-icon-list","iconBold":true,"customIconColor":"#cf3e3e"} -->
<ul class="ystdtb-icon-list icon--fa-check-circle is-bold is-pcj-icon-list has-icon-font-color" style="--icon-font-color:#cf3e3e"><!-- wp:ystdtb/icon-list-item -->
<li class="ystdtb-icon-list-item">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</li>
<!-- /wp:ystdtb/icon-list-item -->

<!-- wp:ystdtb/icon-list-item -->
<li class="ystdtb-icon-list-item">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</li>
<!-- /wp:ystdtb/icon-list-item -->

<!-- wp:ystdtb/icon-list-item -->
<li class="ystdtb-icon-list-item">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</li>
<!-- /wp:ystdtb/icon-list-item -->

<!-- wp:ystdtb/icon-list-item -->
<li class="ystdtb-icon-list-item">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</li>
<!-- /wp:ystdtb/icon-list-item --></ul>
<!-- /wp:ystdtb/icon-list --></div></div></div>
<!-- /wp:ystdtb/box --></div></div></div>
<!-- /wp:ystdb/section -->

フロー

<!-- wp:ystdb/section -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0" id="flow"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:heading -->
<h2 class="wp-block-heading">フロー</h2>
<!-- /wp:heading -->

<!-- wp:ystdtb/timeline -->
<div class="ystdtb-timeline"><!-- wp:ystdtb/timeline-item {"labelType":"text","labelContents":"1","labelBold":true,"labelColor":"ys-white","customLabelBackgroundColor":"#0041b9","contentMarginTop":0,"customContentsBorderColor":"#0041b9"} -->
<div class="ystdtb-timeline-item has-text has-border" style="border-color:#0041b9"><div class="ystdtb-timeline__label has-text has-text-color has-ys-white-color has-background" style="font-weight:700;background-color:#0041b9;border-radius:50px"><span class="ystdtb-timeline__label-text">1</span></div><div class="ystdtb-timeline__contents is-margin-normal"><!-- wp:ystdb/heading {"level":3,"fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">手順1</h3></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:ystdtb/timeline-item {"labelType":"text","labelContents":"2","labelBold":true,"labelColor":"ys-white","customLabelBackgroundColor":"#0041b9","contentMarginTop":0,"customContentsBorderColor":"#0041b9"} -->
<div class="ystdtb-timeline-item has-text has-border" style="border-color:#0041b9"><div class="ystdtb-timeline__label has-text has-text-color has-ys-white-color has-background" style="font-weight:700;background-color:#0041b9;border-radius:50px"><span class="ystdtb-timeline__label-text">2</span></div><div class="ystdtb-timeline__contents is-margin-normal"><!-- wp:ystdb/heading {"level":3,"fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">手順2</h3></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:ystdtb/timeline-item {"labelType":"text","labelContents":"3","labelBold":true,"labelColor":"ys-white","customLabelBackgroundColor":"#0041b9","contentMarginTop":0,"customContentsBorderColor":"#0041b9"} -->
<div class="ystdtb-timeline-item has-text has-border" style="border-color:#0041b9"><div class="ystdtb-timeline__label has-text has-text-color has-ys-white-color has-background" style="font-weight:700;background-color:#0041b9;border-radius:50px"><span class="ystdtb-timeline__label-text">3</span></div><div class="ystdtb-timeline__contents is-margin-normal"><!-- wp:ystdb/heading {"level":3,"fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">手順3</h3></div></div>
<!-- /wp:ystdb/heading -->

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

<!-- wp:ystdtb/timeline-item {"labelType":"text","labelContents":"4","labelBold":true,"labelColor":"ys-white","customLabelBackgroundColor":"#0041b9","contentMarginTop":0,"contentsBorderColor":"ys-white"} -->
<div class="ystdtb-timeline-item has-text has-border has-ys-white-border-color"><div class="ystdtb-timeline__label has-text has-text-color has-ys-white-color has-background" style="font-weight:700;background-color:#0041b9;border-radius:50px"><span class="ystdtb-timeline__label-text">4</span></div><div class="ystdtb-timeline__contents is-margin-normal"><!-- wp:ystdb/heading {"level":3,"fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style" style="font-weight:700">手順4</h3></div></div>
<!-- /wp:ystdb/heading -->

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

FAQ

<!-- wp:ystdb/section {"customBackgroundColor":"#fbfbfb"} -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__bg has-background" aria-hidden="true" role="img" style="background:#fbfbfb;opacity:1"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:ystdtb/box {"boxBackgroundColor":"ys-light-gray","boxBorderColor":"ys-light-gray","boxPadding":{"desktop":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}}} -->
<div class="ystdtb-box is-box-style--label-none" style="--ystdtb-box-border-width:1px;--ystdtb-box-padding-top:50px;--ystdtb-box-padding-right:50px;--ystdtb-box-padding-bottom:50px;--ystdtb-box-padding-left:50px;--ystdtb-box-label-font-size:0.9em"><div class="ystdtb-box__inner-container has-ys-light-gray-background-color has-background has-ys-light-gray-border-color has-border has-border-color" style="border-style:solid" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;}"><div class="ystdtb-box__content" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;,&quot;padding-top&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;,&quot;padding-bottom&quot;:&quot;50px&quot;,&quot;padding-left&quot;:&quot;50px&quot;}"><!-- wp:ystdb/heading {"align":"center","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-center"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style" style="font-weight:700">FAQ</h2></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdtb/faq {"backgroundColor":"ys-white","borderType":"bottom","borderSize":1} -->
<div class="ystdtb-faq has-padding has-background has-ys-white-background-color has-border border-type--bottom" style="border-bottom-width:1px"><!-- wp:ystdtb/faq-item {"faqBorderType":"bottom","faqBorderSize":1,"labelColor":"ys-white","customLabelBackgroundColor":"#16b2a8"} -->
<div class="ystdtb-faq-item is-faq--q has-border-bottom" style="border-width:1px"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#16b2a8"><span class="ystdtb-faq-item__label-text">q</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div><div class="ystdtb-faq-item__arrow"><span class="ys-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></span></div></div>
<!-- /wp:ystdtb/faq-item -->

<!-- wp:ystdtb/faq-item {"faqType":"a","labelColor":"ys-white","customLabelBackgroundColor":"#dc4444"} -->
<div class="ystdtb-faq-item is-faq--a"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#dc4444"><span class="ystdtb-faq-item__label-text">a</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:ystdtb/faq-item --></div>
<!-- /wp:ystdtb/faq -->

<!-- wp:ystdtb/faq {"backgroundColor":"ys-white","borderType":"bottom","borderSize":1} -->
<div class="ystdtb-faq has-padding has-background has-ys-white-background-color has-border border-type--bottom" style="border-bottom-width:1px"><!-- wp:ystdtb/faq-item {"faqBorderType":"bottom","faqBorderSize":1,"labelColor":"ys-white","customLabelBackgroundColor":"#16b2a8"} -->
<div class="ystdtb-faq-item is-faq--q has-border-bottom" style="border-width:1px"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#16b2a8"><span class="ystdtb-faq-item__label-text">q</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div><div class="ystdtb-faq-item__arrow"><span class="ys-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></span></div></div>
<!-- /wp:ystdtb/faq-item -->

<!-- wp:ystdtb/faq-item {"faqType":"a","labelColor":"ys-white","customLabelBackgroundColor":"#dc4444"} -->
<div class="ystdtb-faq-item is-faq--a"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#dc4444"><span class="ystdtb-faq-item__label-text">a</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:ystdtb/faq-item --></div>
<!-- /wp:ystdtb/faq -->

<!-- wp:ystdtb/faq {"backgroundColor":"ys-white","borderType":"bottom","borderSize":1} -->
<div class="ystdtb-faq has-padding has-background has-ys-white-background-color has-border border-type--bottom" style="border-bottom-width:1px"><!-- wp:ystdtb/faq-item {"faqBorderType":"bottom","faqBorderSize":1,"labelColor":"ys-white","customLabelBackgroundColor":"#16b2a8"} -->
<div class="ystdtb-faq-item is-faq--q has-border-bottom" style="border-width:1px"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#16b2a8"><span class="ystdtb-faq-item__label-text">q</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div><div class="ystdtb-faq-item__arrow"><span class="ys-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></span></div></div>
<!-- /wp:ystdtb/faq-item -->

<!-- wp:ystdtb/faq-item {"faqType":"a","labelColor":"ys-white","customLabelBackgroundColor":"#dc4444"} -->
<div class="ystdtb-faq-item is-faq--a"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#dc4444"><span class="ystdtb-faq-item__label-text">a</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:ystdtb/faq-item --></div>
<!-- /wp:ystdtb/faq -->

<!-- wp:ystdtb/faq {"backgroundColor":"ys-white","borderType":"bottom","borderSize":1} -->
<div class="ystdtb-faq has-padding has-background has-ys-white-background-color has-border border-type--bottom" style="border-bottom-width:1px"><!-- wp:ystdtb/faq-item {"faqBorderType":"bottom","faqBorderSize":1,"labelColor":"ys-white","customLabelBackgroundColor":"#16b2a8"} -->
<div class="ystdtb-faq-item is-faq--q has-border-bottom" style="border-width:1px"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#16b2a8"><span class="ystdtb-faq-item__label-text">q</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div><div class="ystdtb-faq-item__arrow"><span class="ys-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></span></div></div>
<!-- /wp:ystdtb/faq-item -->

<!-- wp:ystdtb/faq-item {"faqType":"a","labelColor":"ys-white","customLabelBackgroundColor":"#dc4444"} -->
<div class="ystdtb-faq-item is-faq--a"><div class="ystdtb-faq-item__label has-text-color has-ys-white-color has-background has-padding" style="background-color:#dc4444"><span class="ystdtb-faq-item__label-text">a</span></div><div class="ystdtb-faq-item__contents"><!-- wp:paragraph {"placeholder":"Q\u0026A項目…"} -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:ystdtb/faq-item --></div>
<!-- /wp:ystdtb/faq --></div></div></div>
<!-- /wp:ystdtb/box --></div></div></div>
<!-- /wp:ystdb/section -->

アクセスマップ

<!-- wp:ystdb/section -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:heading -->
<h2 class="wp-block-heading">アクセスマップ</h2>
<!-- /wp:heading -->

<!-- wp:ystdb/columns {"colPc":2,"colTablet":2} -->
<div class="ystdb-columns-wrap"><div class="ystdb-columns has-1-columns has-2-columns--tablet has-2-columns--pc"><!-- wp:ystdb/column -->
<div class="ystdb-column"><div class="ystdb-column-block-container"><!-- wp:html -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.618217747904!2d139.72505931559718!3d35.68640153729513!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188cc670ef09ff%3A0x4682a35e6457a1cd!2z44OR44Ov44O844Kz44Oz44OG44Oz44OE44K444Oj44OR44Oz5qCq5byP5Lya56S-!5e0!3m2!1sja!2sjp!4v1532488142083" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<!-- /wp:html --></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column -->
<div class="ystdb-column"><div class="ystdb-column-block-container"><!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><th>事務所名</th><td>----</td></tr><tr><th>住 所</th><td>----</td></tr><tr><th>電話番号</th><td><a href="tel:000000">00-000-000</a></td></tr><tr><th>営業時間</th><td>-----</td></tr><tr><th>FAX</th><td>---</td></tr><tr><th>MAIL</th><td><a href="mailto:xxxxxxx@xxxx.xxxx">xxxxxxx@xxxx.xxxx</a></td></tr></tbody></table></figure>
<!-- /wp:table --></div></div>
<!-- /wp:ystdb/column --></div></div>
<!-- /wp:ystdb/columns --></div></div></div>
<!-- /wp:ystdb/section -->

PHPバージョン、データベースのバージョンを上げる

お使いのサーバーのPHP・データベースのバージョンをご確認ください。
2023/8現在、WordPressで推奨されているバージョンは下記のとおりです。

PHP バージョン 7.4 以上。
MySQL バージョン 5.7 以上、またはMariaDB バージョン 10.3 以上。

本製品は、最新のバージョンでの稼働が確認されています。

※データベースの取り扱いには、十分ご注意ください。