AIによってウェブサイトが生成されると、Kanorioのウェブサイトエディタに移動します。ここは、テキストの編集、画像の入れ替え、デバイスごとのレイアウト確認、公開準備など、ウェブサイトの内容を変更するための主要な作業スペースです。
最初は多くのボタンに戸惑うかもしれませんが、一つの原則だけ覚えておいてください。「変更したい場所をクリックする」これだけです。選択した内容に応じて、エディタが対応する設定を表示します。
画面上部のツールバーは「トップバー」と呼ばれます。
↶ 元に戻す、↷ やり直しボタン、およびバージョン履歴（過去30日間のバージョンをプレビューして復元できます）。ウィンドウが狭い場合、右側のボタンはアイコンのみ表示されます。カーソルを合わせると名称を確認できます。モバイルでは、トップバーに「戻る」「元に戻す/やり直し」「デバイス/モード切り替え」が残り、下部のナビゲーションバーに「公開」「モジュール」「レイアウト」「ページ」、および「その他」（タップでデザイン、ブランド、バージョン履歴にアクセス）が表示されます。
すべてのボタンを暗記する必要はありません。作業が必要になったときに、ツールバーから対応する機能を探してください。
中央部分はウェブサイトのプレビューです。コードや複雑な設定ではなく、訪問者が見るそのままのページが表示されます。
パネルでテキスト、画像、レイアウト、デザインを変更すると、プレビューに即座に反映されます。この「見たままを編集できる」手法はWYSIWYGと呼ばれます。
プレビュー内のモジュールにカーソルを合わせると、薄い枠線が表示され、左上にモジュール名、右上に「編集」または「⋯」（上下移動、ページ移動、複製、非表示、削除などの詳細アクション）が表示されます。
モジュール名または「編集」をクリックすると、右側に該当する編集パネルが開きます。モジュールによって項目は異なります。例：
ページを離れる必要はありません。デスクトップではパネルが右側に固定され、プレビューが調整されます。画面が狭い場合は、デスクトップサイトが縮小表示（右下にズーム比率を表示）され、デスクトップレイアウトが維持されます。
現在編集中のモジュールは、青い枠線と「編集中」のラベルで強調表示されます。モジュールをスクロールして見えなくなった場合は、プレビューの下部に「[モジュール名]に戻る」ボタンが表示されます。
既存のモジュールを編集している間、パネルヘッダーには「保存中... → 保存済み」と↶ 元に戻す / ↷ やり直しボタンが表示されます。完了したらパネルを閉じるだけです。ディレクトリから選択した新しいモジュールの場合は、下部の「サイトに追加」をクリックしてください。
↶ 元に戻すを使用してください。モジュールがどのカテゴリに属しているかわからない場合は、クリックしてください。エディタが利用可能な設定を表示します。
このガイドではワークスペースについて説明しました。特定の作業を行うには、対応するガイドをお読みください：
訪問者はさまざまなデバイスでサイトを閲覧します。エディタには3つのプレビューが用意されています：
これはレスポンシブウェブデザイン（RWD）に関連しています。サイトは自動的にレイアウトを調整しますが、長いテキスト、切り取られた画像、ボタンの操作性などを確認する必要があります。
公開前に必ず一度はモバイルプレビューに切り替えてください。多くの訪問者がモバイル経由でSNSリンクにアクセスするため、モバイルでの体験は非常に重要です。
モバイル編集時も、ツールバーでデバイスを切り替えられます。タブレットやデスクトップの表示は画面に合わせて縮小されます。テキストが小さすぎる場合は、右下のズーム比率をクリックして「実寸」で表示し、スクロールして詳細を確認してから、もう一度クリックして「フィット」に戻してください。
「1行あたりのアイテム数」など、デバイスごとに調整できる設定もあります。項目名の横にあるデバイスアイコンを選択すると、調整とプレビューを同時に行えます。
モバイルや狭いタブレットでは、編集パネルがプレビューを覆います。パネルヘッダーの「プレビュー」をタップすると折りたたまれ、未保存の変更を含めたサイトを確認できます。「編集に戻る」をタップすると元の画面に戻ります。
ツールバーでプレビューをライトモードとダークモードに切り替え、テキストのコントラスト、画像、ブランドカラーを確認してください。
例えば、明るい背景に薄いグレーのテキストは、ダークモードでは読みづらい場合があります。問題が見つかった場合は、「デザイン」でブランドカラー、フォント、表示モードを調整してください。
既存のモジュール、ヘッダー、フッターの変更は自動的にドラフトに保存されます。モジュールのドラッグ、非表示、削除も即座に保存されます。「デザイン」や「ブランド」パネルでの全体的な変更は「保存」をクリックする必要があります。
以下の違いに注意してください：
「保存済み」は「公開済み」ではありません。変更が完了したら、必ず右上の「公開」をクリックしてください。
詳細（元に戻す/やり直しや30日間の履歴を含む）については、「」および「」をお読みください。
基本操作に慣れたら、以下の機能も試してみてください：
初日にすべてを設定しようと焦る必要はありません。まずはホームページと連絡先情報から始め、徐々に拡大していきましょう。
コンテンツの準備ができたら、モバイルプレビューを確認し、「」を読んでURLを設定し、公開しましょう。
はい。既存のモジュール、ヘッダー、フッターの編集、およびモジュールのドラッグ、非表示、削除は自動的にドラフトに保存されます。新しいモジュールの追加（「サイトに追加」が必要）や「デザイン」または「ブランド」での全体設定（「保存」が必要）は手動での確定が必要です。画像をアップロードする場合は、完了するまでページを閉じないでください。
保存中にタブを閉じたり接続が切れたりした場合、変更はブラウザのローカルストレージに保持され、エディタを再度開いたときに反映されます。その間にサイトが別の場所で変更されていた場合は、変更を適用するかどうかを確認されます。
変更はまずドラフトに保存されます。ツールバーから「公開」を開き、現在のドラフトを実際のサイトに同期してください。
はい。エディタはモバイル、タブレット、デスクトップに対応しています。モバイルでは、戻るや元に戻す/やり直しが上部にあり、公開、モジュール、レイアウト、ページ、「その他」（デザイン、ブランド、履歴）が下部にあります。
コンテンツ、レイアウト、ブランド設定はプレビューで正確に表示されます。一部の外部サービスやトラッキングツールは実際のサイトでのみ読み込まれる場合があるため、公開後に実際のURLを確認してください。
AI機能はプランのクレジットを使用し、サービス状況の影響を受ける場合があります。「使用状況」で残りのクレジットを確認し、後でもう一度試してください。通常のテキストや画像の編集にはAIクレジットは使用されません。