サイトを作成する

「はじめに」を終えると、AIによって作成された最初のサイトバージョンがすでに用意されています。次に、「サイトを作成する」では、このドラフトをブランドアイデンティティ、ユーザー体験、訪問者のニーズに真に合致したプロフェッショナルなサイトへと洗練させる方法をガイドします。

コードを書く必要はなく、すべての設定を一度に変更する必要もありません。サイトを店舗のように考え、以下の4つのレイヤーで段階的に調整していきましょう。

1. ページ構成を計画する: 店舗に必要な「部屋」（ホーム、サービス、お問い合わせ、法務ページなど）を決定します。
2. モジュールとレイアウトを組み合わせる: 各ページにコンテンツブロック（ヒーロー、テキスト＆画像、カードギャラリー、FAQ、またはサードパーティ埋め込み）を追加し、背景色やカードスタイルを切り替えたり、ワンクリックでレイアウトを変更したりします。
3. ナビゲーションとグローバルなブランドスタイルを設定する: ヘッダーとフッターでサイトの流れをつなぎ、「デザイン」と「ブランド」設定でフォント、色、ロゴ、共有ボタン、SNSリンクを統一します。
4. デバイスごとのプレビューと安全な公開: ドラフトは30日間のバージョン履歴とともに自動的に保存されます。モバイル表示を確認してから「公開」をクリックして、ライブサイトを更新します。

このカテゴリーで達成できること

• マルチページサイト（サービス紹介、ポートフォリオ、イベントページなど）の作成と、6つの内蔵法務テンプレートの利用。
• ページ間でのモジュールの追加、並べ替え、複製、移動。6つのモジュール背景色、4つのカードスタイルの調整、レイアウトのロスレス切り替え、3段階のボタン設定、ページ内 #アンカー リンクの設定。
• 40種類のコンテンツ、ストア、サードパーティ埋め込みモジュール（YouTube、Instagram、Googleフォーム、Calendly、Googleビジネスプロフィールなど）の活用。
• グローバルヘッダー（4つのナビゲーション配置、ドロップダウンメニュー、デバイスごとのブランドリンク）とフッター（マルチカラムナビゲーション、枠線なしロゴ、連絡先情報）のデザイン。
• 多言語フォント、9段階のフォントサイズ、ブランドカラー、ライト/ダークモード、ロゴ、ファビコン、共有ボタン、SNSリンク、サイト通貨の設定統一。
• AIを活用したページ全体の生成、モジュールのドラフト作成、テキストの推敲。また、「元に戻す」や30日間の「バージョン履歴」で安心して試行錯誤が可能。
• ブログの管理（旧サイトURLからのインポートサポート）、 を使用したスタッフ、ポートフォリオ、店舗場所などの構造化コンテンツの管理、または「Link in Bio」ページの作成。

まず、やりたいことを特定する

他のカテゴリーとの違いは何ですか？

• 「はじめに」との違い: は、AIで構築された最初のサイトを完成させ、エディターのインターフェースを学び、30分以内に公開するためのガイドです。このカテゴリーは、日々のデザインやサイト拡張のための包括的なマニュアルです。
• 「データワークベンチ（ブログ＆コレクション）」との違い: このカテゴリーは、「Kanorioから構築する」ためのページや視覚的なモジュールレイアウトに焦点を当てています。 の執筆、 の作成、または（両方の構築モードに適用される） の使用をご希望の場合は、「ウェブサイト＆コンテンツ」の下にある対応するカテゴリーをご覧ください。
• 「画像、動画＆メディアライブラリ」との違い: 画像フォーマット、焦点、内蔵の動画/音声プレーヤー、PDFリーダー、ページ間でのファイルの再利用、画像保護の有効化、追加ストレージの購入については、 をご覧ください。
• 「公開＆ドメイン」との違い: 独自ドメインの購入や接続、301/302リダイレクトの設定、サイトのオフライン化については、 をご覧ください。
• 「マーケティング」との違い: オンラインフォームの作成、送信ドメイン（SPF/DKIM）の検証、顧客向けメールのデザイン、ニュースレターの送信、またはトップバナーやポップアップの追加については、 をご覧ください。

始める前のクイックヒント

• 個別のモジュールの前にグローバル設定を調整する: まず でブランドカラー、フォント、共有ボタン、SNSリンクを設定してください。後から追加される新しいモジュールは、自動的にこのスタイルを継承します。
• 「レイアウトの切り替え」と「バージョン履歴」で大胆に試す: 同じファミリー内のモジュールは、コンテンツを失うことなくレイアウトを交換できます。満足できない場合は、↶ 元に戻す を押すか、 からページ単位で復元してください。
• 公開前にモバイルとダークモードのプレビューに切り替える: ほとんどの訪問者はモバイルでサイトを閲覧します。右上の「公開」をクリックする前に、必ず上部ツールバーのモバイル表示とダークモードの切り替えを使用してレイアウトを確認してください。

このカテゴリーの記事

• - 空白またはAIページの追加、ホームページとURLパスの設定、ページの非表示、6つの法務テンプレートからの選択。
• - モジュールの追加と並べ替え、リッチテキストフォーマット、折りたたみ可能な長文テキスト、ワンクリックレイアウト切り替え、6つの背景色、4つのカードスタイル、3段階のボタン、アンカー設定。
• - 40種類の視覚、テキスト、情報、ストア、サードパーティ埋め込みサービス（YouTube、IG、フォーム、Calendlyなど）の使用と接続ガイド。
• - 4つのヘッダーレイアウト、ドロップダウンメニュー、マルチカラムフッター、リンクセレクター、#アンカー リンク、デバイスごとのブランドリンク、デュアルCTAボタンの設定。
• - 「デザイン」、「ブランド」、「サイト設定 › 一般」をマスターし、フォント、色、ロゴ、共有ボタン、SNSリンク、通貨を管理。
• - AIを使用したページやモジュールの生成、コピーの推敲、SEOの計画、AIメモリとクレジット消費の理解。
• - 自動保存、元に戻す/やり直し、ページ単位またはサイト全体の30日間のバージョン履歴、公開ワークフローの理解。
• - 記事の執筆、公開URLからの古い記事のインポート、カテゴリーとタグの管理、共有ボタンの有効化、個別の記事の公開。
• - AIを使用してスタッフ、ポートフォリオ、店舗用の構造化データベースを構築。ワークベンチでのフィルタリング、編集、CSVインポート、Content Delivery API経由でのアクセス。
• - 「データ＆コンテンツ › データテーブル」の下にあるカスタムコレクション、ブログ、読み取り専用システムテーブルのレコード、構造、APIの表示。
• - ソーシャルリンクや予約リンクを集約した1ページを作成。いつでもフルブランドサイトへアップグレード可能。

推奨される読書順序

以下の順序で読むことをお勧めします：「 → （必要に応じて を参照）→ → → 」。 AIによる加速が必要な場合は を参照し、カラム、構造化データベース、またはソーシャルメディアからのトラフィック誘導が必要な場合は 、、 をお読みください。