スライドLP と カスタムセクション

スライドLPは、パワーポイントのスライドと同じ概念で、複数の「カスタムセクション」を組み合わせて作成します。

パワポのファイル＝スライドLP

パワポのスライド＝カスタムセクション

各カスタムセクションは1ページ分の役割を果たし、独立してECページやブログにも紐付け可能です。これにより、コンテンツの再利用性と制作の柔軟性が高まります。

主な特徴

• カスタムセクションはスライドLPの“1スライド”として機能します。
• 各セクションはECサイトやブログページと独立して紐付け可能。
• コンテンツをモジュール化して再利用・更新が容易。
• カスタムフォームも簡単に作成可能。

本説明では：

まずカスタムセクションの作成方法を説明し、最後にスライドLPを作成してカスタムセクションを紐付けるという順番で解説します。通常のパワーポイント作成の流れと逆になりますのでご注意ください。

セクションの作成

1. １．サイドメニューのカスタムセクションをクリック
2. ２．右上にある「セクションの作成」をクリック
3. 
   

表示されるモーダルでまずはセクション名と説明を決定します。

セクション名：

セクション単体の中ではどこにも表示されませんが、スライドLPに紐付けた際にページ名として表示されますので短くわかりやすい名前をつけましょう。

説明：

任意の記入欄です。ユーザーページでは表示されません。セクションの整理や検索用に便利な説明を記入しておきましょう。

方法① 空セクションからコンテンツを生成する

前スライドのステップでカスタムセクションが作成できましたが、中身は空です。早速、コンテンツを生成してみましょう。

ビヨンドウェブでは基本的に「プロンプト」でAIにコンテツを生成させます。

【表示するタイトル・コンテンツ】

ここに、表示したい内容や、実際のテキストを記載します。レイアウトはAIが自動で調整してくれます。

【指示を入力してください】

ここには、レイアウトの希望やデザインスタイルなどを指示・説明することができます。具体的なカラーコードや、文字サイズの指定も可能です。

（作成のコツ）

空のセクションから生成する際はAIが善意から創造性を発揮します。ラフなコンセプトから生成する場合には便利ですが、指定のテキストや文章をそのまま表示したい場合は、「文章はそのまま使用し、編集しないでください」などと指示してください。

方法② 既存セクションをテンプレートにして生成

矢印のところで、テンプレートにしたい（デザインをコピーしたい）既存のカスタムセクションを選択します。

【表示するタイトル・コンテンツ】
【指示を入力してください】

を同様に記入します。

※ デザイン元となるスライドのテキストや画像は無視されレイアウトやスタイルだけが再利用されます。

方法③ 画像や動画を含めて生成する

① 画像選択ボタンをクリック
セクション内で使いたい画像を３０枚まで選択できます。
選択した画像は必ずセクション内に利用されます。

② 画像のAlt Text と Caption
（Alt Text）は必ず画像を説明する簡潔な内容を記入してください。
AIがどれがどの画像かの理解を助けます。またSEOのベストプラクティスなのでAlt Textは必ず入力しましょう。

（Caption）は「画像に下部に重ねて表示」「キャプションは非表示」などとプロンプトで指示しましょう。

③ これまで同様プロンプトも記入します。
※ 動画の場合も画像と同様です、１GB以下かつ１０分以下のmp4ファイルが利用可能です。

コンテンツの生成

準備ができたらボタンをクリック
プロンプトが完成したら、右下にある【セクション生成】ボタンをクリックしてください。AIが数十秒で2パターンのセクション案を生成し、プレビューで確認できます。

クイックモードについて
クイックモードに✅を入れると、AIは速度を優先して生成します（品質とのトレードオフがあります）。軽微な修正や短時間での確認が目的の場合はクイックモードを活用してください。

生成結果の受け取り

1. １．生成処理が完了すると、AとBの２パターンの候補が自動で作成されます。
2. 
   
3. ２．画面右上の（A｜B）ボタンで表示を切り替え、両案を比較できます。
4. 
   
5. ３．気に入ったパターンを選択した状態で、画面右下の（適用）ボタンを押して反映します。
6. 
   

表示切替（A｜B）：

右上のトグルでAパターンとBパターンを瞬時に切り替えられます。レイアウト・文言・ビジュアルの違いを並べて確認し、用途に最適な案を選びましょう。

適用：

選択中のパターンを右下の（適用）ボタンで確定すると、その内容が現在のページやスライドに反映されます。反映後にテキストの編集などが可能になります。

生成結果の編集

編集モードの使い方
生成結果のA/Bパターンから任意の案を選択した後、プレビューの右上にある【編集モード】をクリックすると、テキスト部分を手動で編集できます。短い文言修正や表現の調整に便利です。

手動編集できるもの

• 見出し・本文テキストの直接編集
• リンクテキストやキャプションの微修正

手動編集できないもの

• 画像ファイルの差し替えやアップロード
• レイアウトの大幅な移動・ブロック入れ替え
• カスタムCSSや構造の直接編集

レイアウト・画像を変更したい場合
画像差し替えやレイアウト調整が必要なときは、編集モードをOFFにしてから指示プロンプトを修正して再生成してください。再生成すると、新しい候補に基づいたA/B案が表示され、再度比較・編集できます。既存のコンテンツがある場合、AIは創造性を発揮しません。プロンプト指示にある変更のみを忠実に行いますので、具体的な編集指示を出しましょう。

ソースコードの直接編集と外部AIの活用

ソースコードを直接編集する方法
AIが生成したコンテンツのHTML（ソースコード）は＜＞ソースコードタブをクリックしてソースコードモードに切り替えると、すべて閲覧・編集できます。HTMLの知識がある上級者であれば、ここで細かなレイアウト調整やスタイルの微調整を直接行い、デザインを自由にカスタマイズできます。

外部AI活用のすすめ
2026年2月現在、当社の検証ではGoogle Gemini 3がデザイン性の高いHTML生成で最も優れた結果を出しています。複雑なレイアウトや視覚的に凝ったセクションを作成したい場合は、外部AIに追加の指示を与えてHTMLを生成してもらうと効率的です。

外部AIと連携する手順（簡易ガイド）

1. １．セクション上部のコピーアイコンをクリックして、現在のセクションのHTMLと外部AI向けの説明をクリップボードにコピーします。
2. 
   
3. ２．外部AI（例：Gemini 3）に貼り付け、変更したいデザインや要素（カラー、レイアウト）を具体的に指示します。
4. 外部AIから返却されたHTMLを受け取り、ソースコードモード内の該当セクションに貼り付けて差し替えます。
5. 貼り付け後、プレビューが自動的に更新されるか確認し、必要なら微調整を行います。
6. 
   

画像を元にクリエイティブなデザインを作成
特にクリエイティブなセクションを作る場合は外部AIが必要です。

こんなデザインで作りたいという参考画像（スクリーンショット）などを用意し、外部AIに貼り付け、上記でコピーしたセクションのソースコードを編集させます。

カスタムセクション（スライド）の紐付け

作成後のLPページにスライドを紐付けてスライドLPページを構成します。

1. １．LP編集画面で上部の【関連付け】を選択します。
2. ２．左側でLPに追加したいスライドを（＋）ボタンで紐付けます。セクション名・説明からキーワードでフィルタリングしておくと便利です。
3. ３．右画に関連付けられたスライド一覧が表示されますのでドラッグアンドドロップでページ順を調整してください。

以上で、LPページの作成が完了しました。

最後に管理者ページのスライドLP一覧から公開・非公開を選択し、公開状態を制御します。

公開されたスライドLPの一覧は https://yoursite.com/lp にて閲覧可能になります。