この記事では、AIエディターにおける「プリセット」機能について説明します。 プリセットとは、そのまま使えるパーツ・セクション・画像があらかじめ揃ったテンプレート素材です。デザインのパターンを選ぶだけで、サイトのレイアウトや構成をすばやく整えることができます。専門的なデザイン知識がなくても、手軽にクオリティの高いサイトを作成できます。
❶ セクション
ページの構成単位となるレイアウトブロックです。ヘッダー・コンテンツ・フッターなど、ページを構成するまとまりごとにデザインが用意されています。クリックまたはドラッグで追加できます。
| 画像 | 項目名 | 詳細説明 |
| ヘッダー | ページ上部に表示されるエリアで、ロゴやナビゲーションメニューを配置できます。レイアウトによっては、電話番号などを表示することも可能です。ヘッダー1~6の種類から選択できます。 | |
| ヒーロー | トップページの顔となる、大きなビジュアルエリアです。画像やキャッチコピーを印象的に見せるのに適しています。ヒーロー1~12の種類から選択できます。 | |
| 私たちについて | 会社概要や理念、ブランドストーリーなどを紹介するエリアです。私たちについて1~6の種類から選択できます。 | |
| 特長・強み | 自社のサービスや商品の魅力を分かりやすく伝えられます。特長・強み1~4の種類から選択できます。 | |
| サービス紹介 | 提供するサービスや商品を一覧で掲載できます。サービス1~5の種類から選択できます。 | |
| 実績・事例 | 導入事例や制作実績を紹介する部分です。実績・事例1~3の種類から選択できます。 | |
| お客様の声 | 第三者の声である口コミや評価を掲載できます。お客様の声1~3の種類から選択できます。 | |
| チーム紹介 | スタッフやメンバーのプロフィールを紹介する部分です。メンバー1~5の種類から選択できます。 | |
| コンテンツ配信 | ブログや新着情報など、定期的に更新する情報を表示できます。ニュース1~2、ブログ1~3の種類から選択できます。 | |
| 料金・プラン | 価格表やプラン内容を分かりやすく掲載するのに適しています。料金表1~5の種類から選択できます。 | |
| ギャラリー | 写真や画像を一覧で掲載できます。ギャラリー1~5の種類から選択できます。 | |
| フロー | 申し込み手順や利用の流れを、ステップ形式で案内できます。フロー1~3の種類から選択できます。 | |
| CTA | 問い合わせや資料請求など、次のアクションを促すための重要な部分です。CTA1~5の種類から選択できます。 | |
| アクセス | 所在地や地図、営業時間などを掲載できます。アクセス1~6の種類から選択できます。 | |
| フッター | ページ下部に表示され、コピーライトやリンク、連絡先などを配置できます。フッター1~4の種類から選択できます。 |
❷ パーツ
ボタンやテキスト、画像など、セクション内に個別に配置できる部品です。セクションに組み合わせることで、より細かくレイアウトを調整できます。
| 画像 | 項目名 | 詳細説明 |
| アコーディオン | クリックで内容を開閉できるパーツで、FAQや詳細情報の表示に適しています。アコーディオン1~5の種類から選択できます。 | |
| タイトルセット | 見出しと説明文を組み合わせて表示し、セクションの区切りや導入を分かりやすくします。タイトルセット1~10の種類から選択できます。 | |
| タブ | 複数のコンテンツを切り替えて表示でき、カテゴリ別や比較情報の整理に適しています。タブ1~4の種類から選択できます。 |
|
| ハンバーガーメニュー | メニューアイコンをクリックすると項目が展開されるナビゲーション形式で、画面スペースを有効活用できます。ハンバーガーメニュー1~3の種類から選択できます。 |
❸ Unsplash画像
Unsplashのフリー画像を検索して挿入できます。キーワード検索のほか、「ビジネス」「人物」「食べ物」「自然」「ファッション」「建築」「テクノロジー」「動物」「アート」「テクスチャ」などのカテゴリからも選択できます。
ぜひプリセットを上手に活用し、スムーズなサイト制作にお役立てください。