エディターについて

AIによってウェブサイトが生成されたら、Kanorioエディターに入ります。ここはウェブサイトのコンテンツを編集するための主なワークスペースです。テキストの変更、画像の差し替え、さまざまなデバイスでの表示確認、公開準備など、すべてここで行えます。

最初はボタンが多くて戸惑うかもしれませんが、この原則を覚えておいてください：変更したいコンテンツが見つかったら、まずそれをクリックします。 エディターは、選択したコンテンツに基づいて対応する設定を表示します。

エディターの3つの主要エリア

トップツールバー：すべてのツールへのゲートウェイ

画面最上部にあるツールバーはトップツールバーと呼ばれます。ここには一般的な機能があります：

• セクション - コンテンツ、ストア、または統合セクションを追加します。
• レイアウト - セクション、ヘッダー、フッターの順序を調整します。
• ページ - 一般ページ、法的ページ、ブログページを管理します。
• 設定 - ウェブサイト全体の表示と共有コンテンツを調整します。
• デバイスプレビュー - コンピューター、タブレット、モバイルの幅を切り替えます。
• 公開 - 承認された下書きをライブウェブサイトに表示します。

すべてのボタンを事前に覚える必要はありません。タスクを実行したいときは、ツールバーで対応する機能を見つけてください。

中央プレビューエリア：ウェブサイトをリアルタイムで表示

中央はウェブサイトのプレビューです。これは、訪問者が実際に目にするものに近い表示であり、コードの行や複雑な設定ではありません。

テキスト、画像、レイアウトを編集すると、プレビューは即座に更新されます。この「編集して効果を確認する」ワークフローはWhat You See Is What You Get（WYSIWYG）と呼ばれます。簡単に言えば、表示されているものが公開後に得られるものです。

編集パネル：クリックして編集

プレビュー内のセクションをクリックすると、エディターはその対応する編集パネルを開きます。セクションによってフィールドが異なります。例：

• テキストセクション：見出し、段落、ボタンテキスト、リンク
• 画像セクション：画像のアップロード、画像の置き換え、キャプション
• ヘッダーセクション：ロゴ、ナビゲーション、カスタムボタン
• フッターセクション：連絡先情報、ソーシャルリンク、著作権表示

現在のページから離れる必要はありません。変更を加えたら、まず中央のプレビューを確認してください。パネルに「保存」または「サイトに追加」と表示されている場合は、終了する前に保存を完了してください。

最も基本的な操作：コンテンツの編集

1. 中央のプレビューで変更したいコンテンツを見つけます。
2. セクションをクリックします。
3. 表示された編集パネルで、見出し、本文、またはボタンのフィールドを見つけます。
4. パネルの指示に従って「保存」または「サイトに追加」をクリックし、プレビューに戻ってレイアウトが自然に見えることを確認します。

セクションがどのカテゴリに属するか不明な場合は、クリックするだけで、エディターが調整可能なものを表示します。

次は何をしますか？

このガイドではワークスペースを紹介するだけです。実際のアクションを実行するには、関連するガイドを直接参照してください：

• コンテンツの追加、編集、並べ替え、非表示、または複製を行うには - セクションの理解と操作。
• さまざまなセクションの目的を比較するには - セクションタイプの完全ガイド。
• サービス、イベント、またはポートフォリオページを作成するには - ウェブサイトページの管理。
• フォント、ブランドカラー、スペーシング、または角丸を調整するには - ブランドビジュアルとスタイル設定。
• 下書き、保存、公開の更新を処理するには - 下書き、保存、公開。

モバイル、タブレット、デスクトップビューの確認

訪問者は必ずしもコンピューターでウェブサイトを閲覧するわけではありません。エディターには3つのデバイスプレビューが用意されています：

• デスクトップ: 幅の広いデスクトップ画面を表示します。
• タブレット: 中程度の幅のレイアウトを表示します。
• モバイル: 狭い画面での読書とボタンの操作を表示します。

これはレスポンシブウェブデザイン（RWD）に関連しています。簡単に言えば、ウェブサイトはさまざまな画面に基づいてレイアウトを調整しますが、テキストが長すぎないか、画像が切り取られていないか、ボタンがタップしにくいかなどを確認する必要があります。

公開する前に、少なくとも一度はモバイルプレビューに切り替えてください。多くの訪問者は携帯電話からソーシャルリンクをクリックするため、モバイルでの読書体験はデスクトップ版よりも重要であることがよくあります。

ライトモードとダークモードのプレビュー

ツールバーでは、ライトモードとダークモードのプレビューを切り替えることができます。これにより、テキストのコントラスト、画像、ブランドカラーがさまざまなテーマで明確に見えるかを確認できます。

たとえば、ライトバックグラウンドではかすんで見えるグレーのテキストは、ダークモードでは読みにくい場合があります。プレビューを切り替えた後にテキストが判読しにくい場合は、「設定」の「デザイン」タブに移動して、ブランドカラー、フォント、または表示モードを調整してください。

下書きの保存は公開を意味しません

エディターでの変更は、最初は下書きとして保存されますが、保存プロセスはアクションによって異なります。セクションの並べ替え、非表示、または削除のためのドラッグ操作は、通常すぐに下書きに保存されます。セクション、ヘッダー、またはフッター内のフォームでコンテンツを編集する場合は、終了する前にプロンプトに従って「保存」または「サイトに追加」をクリックしてください。

ただし、2つの異なる概念に注意してください：

• 下書き: 現在編集中のバージョンで、あなたと承認されたチームメンバーのみが表示できます。
• 公開: 下書きをライブウェブサイトに同期し、訪問者が最新のコンテンツを見られるようにします。

したがって、「保存済み」は「訪問者に見える」とは同義ではありません。一連の変更を完了した後も、「公開」をクリックする必要があります。

詳細な手順については、以下をお読みください：下書き、保存、公開 および 最初のウェブサイトの公開。

エディターには他にどのような機能がありますか？

基本的な操作に慣れたら、ツールバーの他の機能を探ることができます：

• ページ: ウェブサイトページを追加、管理、または調整します。
• 設定: フォント、ブランドカラー、共有ボタンなどのウェブサイト全体のデザインとコンテンツ設定を構成します。
• AIアシスタント: AIを使用してページ、セクションを生成したり、機能に基づいてコンテンツを最適化したりします。
• 公開: 初めて公開URLを設定し、新しい下書きをライブバージョンに同期します。

これらの高度な機能をすべて初日から設定する必要はありません。ホームページと基本的な連絡先情報の完成から始め、徐々に拡張してください。

次のステップ

コンテンツが完成に近づいたら、まずモバイルでプレビューして表示を確認し、次に最初のウェブサイトの公開を読んでURLを設定し、公開してください。