ここでは「スマホ特化」テンプレートの使い方について解説します。
スマホ特化テンプレートとは
スマートフォン表示に特化した3カラムレイアウトのLPテンプレートです。
中央にPC画面用のメインコンテンツを幅580pxで表示し、左右のコンテンツは固定された状態で、メニューや補足情報用のウィジェットを配置します。
PCではスマホLPのサイズ(幅580px)として見せ、スマホでは1カラムで端末幅に応じてメインコンテンツを見せる構成になります。
スマホ特化テンプレートの設定方法
固定ページの右パネルの「テンプレート」を選択してください。
「テンプレート」が表示されていない場合は、上にある「固定ページ」タブを選択してください。

テンプレートから「モバイル特化(LP)」を選んでください。

これで「公開」すると、PCサイズは3カラム、スマホは1カラムのテンプレートとなります。
スマホ特化テンプレートをトップページにするには下記と同じ手順となります。
背景画像を設定する
通常のLPテンプレートと同様に、カスタマイザーから背景画像を設定できます。
まずは「外観」→「カスタマイズ」より、「[LPC] LP設定」 → 「背景画像設定」に進みます。
背景画像が「PC・タブレット用」と「スマホ用」があります。

追加方法は通常のLPテンプレートと同じですが、このテンプレートは以下の仕様となっています。
「PC・タブレット用」に設定した画像は、3列レイアウト時の背景画像になります。
「スマホ用」に設定した画像は、中央カラムの背景画像(スマホでは1カラムの背景画像)になります。
表示位置や表示方法はPC用、スマホ用で共通となっています。
背景色を表示する
画像を設定した場合でも、背景色を表示したい場合は以下の設定をします。
まずは「外観」→「カスタマイズ」より、「色」にすすんで、「LPの背景色」と「LPのコンテンツ背景色」で色を選択します。

次に「外観」→「カスタマイズ」より、「[LPC] LP設定」 → 「モバイル特化テンプレート設定」に進みます。

「全体の背景色を使う」は、3列レイアウト時の背景が背景色になります。
「中央コンテンツだけ背景色を使う」にチェックすると、中央カラムが背景色となります。
左右カラムのコンテンツ作成
左右のカラムは「ウィジェット」から作成します。
「外観」→「ウィジェット」から下にスクロールすると、(モバイル特化テンプレート専用)のウィジェットがあります。
パネルを開きブロックエディターで作成します。

フッターは中央のメインコンテツのフッターに表示されます。
注意点
PCでページを見た場合、中央のコンテンツ幅は 580 px で表示されますが、画面表示の単位(メディアクエリー)は「PCサイズ」となります。
ページ作成時は、「PC設定で580pxの幅に収まる」ことを前提にレイアウトしてください。
上手くいかない場合は、セクションブロックを入れて「背景の幅」を「全幅」や、「内部コンテンツ」の最大幅を「600以下」px 、「完全に全幅表示にする」などにチェックを入れるときれいに収まります。


スライダーブロックは、全幅(画面いっぱいに表示)だと画面いっぱいになるので、中央のメインコンテンツ一杯のスライダーにするには 幅広(ナビを画像に重ねて表示)を利用してください。

ポップアップブロックは、表示位置 が「スライドイン」の場合は、右カラムの下に出てくるようになっています。(スマホ特化でもPC表示で右カラムにコンテンツが少ないため)

ブロックによってはオプションがPC表示の設定値を引き継がない、スマホ向けのデフォルト設定値が効くブロックがありますので、必ずPCとスマホでフロントページをご確認下さい。