メインコンテンツまでスキップ
バージョン: 4.6.1

編集画面

待合室編集画面は、待合室のデザインと外観をカスタマイズするための包括的なインターフェースを提供します。この画面は、複数の主要領域に分割され、一緒に動作して待合室デザインを作成および修正するのに役立ちます。

Edit Screen

画面構造

編集画面は、4つの主要領域で構成されます:

  1. プレビューコントロール - プレビュー表示オプションのためのコントロール
  2. プレビュー領域 - デザイン変更のリアルタイムプレビュー
  3. 簡単設定 - シンプルなUIベースのデザイン属性編集
  4. エディタ - 高度なコードベース編集

プレビューコントロール

プレビューコントロールには、プレビュー表示自体を管理するためのボタンとコントロールが含まれています。この領域は、編集および表示設定オプションを提供し、解像度設定の調整(例:751x1117)、全画面表示モードへの切り替えを許可します。

Preview Controls

この領域を使用すると、さまざまな条件で待合室デザインをプレビューし、さまざまなシナリオでデザインが正しく動作するかを確認できます。

詳細については、プレビューコントロールドキュメントを参照してください。

プレビュー領域

プレビュー領域は、待合室デザインのリアルタイムプレビューを表示します。簡単設定またはエディタで属性を修正すると、変更がこのプレビュー領域に即座に反映され、ユーザーに待合室がどのように表示されるかを正確に見ることができます。

Preview Area

プレビュー領域は、タイトル、待合室の内容、画像、ボタンなどの対話要素を含むすべての待合室要素を表示します。表示される特定の要素は、待合室タイプ(基本待合室、事前待合室、事後待合室、またはブロックルーム)によって異なります。すべてのデザイン変更が実際のユーザー体験にどのような影響を与えるかをリアルタイムで見ることができます。

簡単設定

簡単設定は、コードを記述せずにデザイン属性を修正するための直感的なインターフェースを提供します。簡単設定およびエディタモード間で切り替えることができ(詳細についてはモード選択を参照)、言語テーマ(該当する待合室タイプの場合)、整列を含むさまざまな設定を構成できます。

Easy Editing

この領域には、タイトル待合室の内容(px単位のフォントサイズコントロールを含む)、ファビコンおよびウェブページのタイトル画像 1/2/3および背景画像(色および不透明度設定を含む)、そして待合室タイプに応じてさまざまな機能オプションが含まれます。すべての変更はプレビュー領域に即座に反映されます。

簡単設定の詳細については、特定の待合室タイプの簡単設定ドキュメントを参照してください:

エディタ

エディタは、待合室デザインに対する完全な制御が必要なユーザーのための高度な編集機能を提供します。この領域を使用すると、コード形式でデザイン属性を直接修正して、カスタマイズに最大限の柔軟性を提供できます。

Code Editor

主要機能

  • 直接コード編集: コード形式でデザイン属性を修正
  • 完全な制御: HTML/CSSコードへの完全なアクセス
  • 高度なカスタマイズ: カスタムデザインおよび動作の実装
  • コード検証: 構文確認および検証

使用時期

エディタは、以下に理想的です:

  • 高度なカスタマイズ: 簡単設定で利用できない機能が必要な場合
  • カスタムブランディング: 特定のブランド要件の実装
  • 複雑なレイアウト: 複雑または独自のレイアウトの作成
  • コードベースワークフロー: 既存のコードまたはテンプレートで作業する場合
エディタモードの制限

エディタモード(エディタ)に入ると、簡単設定が無効化されます。エディタモードから簡単設定モードに戻ることはできますが、簡単設定モードに再度切り替えると、エディタモードで入力したすべてのカスタムコードが自動的にリセットされ、失われます

エディタの詳細については、特定の待合室タイプのエディタドキュメントを参照してください:

ワークフロー

一般的な編集ワークフロー

  1. 簡単設定で開始: 簡単設定を使用して初期デザイン変更を実行
  2. 変更をプレビュー: プレビュー領域をモニタリングしてリアルタイムで変更を確認
  3. プレビュー調整: プレビューコントロールを使用して異なる解像度で表示
  4. 高度な編集(必要な場合): 高度なカスタマイズのためにエディタに切り替え
  5. 変更確認: デザインに満足したら変更を保存

ベストプラクティス

  • 頻繁にプレビューを使用: 変更が期待どおりに見えるか定期的にプレビューを確認
  • さまざまな解像度でテスト: プレビューコントロールを使用して、さまざまなデバイスでデザインがどのように表示されるかをテスト
  • シンプルに開始: エディタに移動する前に簡単設定で開始
  • 定期的に保存: 作業の損失を防ぐために定期的に変更を確認

待合室タイプ別ドキュメント

編集画面構造はすべての待合室タイプで一貫していますが、特定の機能および設定は異なります。利用可能な設定およびオプションの詳細については、特定の待合室タイプのドキュメントを参照してください。