チャットデザインの作成方法・概念をこのページで解説しています。
| 目次 | ||||
|---|---|---|---|---|
|
| 情報 |
|---|
チャットデザイン画面について |
チャットの各要素の背景（backgroundプロパティ）や文字色（colorプロパティ）など、デザインの設定ができる画面です。チャットの各要素の背景（CSSのbackgroundプロパティ）や文字色（CSSのcolorプロパティ）など、デザインの設定ができる画面です。
左側メニュー：チャットデザインをクリックするとチャットデザイン設定画面に遷移します。
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
ヘッダー |
チャットのヘッダーの背景（backgroundプロパティ）と文字色（colorプロパティ）を設定できます。チャットのヘッダーの背景と文字色を設定できます。
背景
ヘッダー部分の背景（backgroundプロパティ）を設定できます。
文字色
ハンバーガーメニューとヘッダー部分の文字の色（colorプロパティ）を設定できます。
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
チャットを閉じるボタン |
チャットを閉じるボタンの色（colorプロパティ）を設定できます。チャットを閉じるボタンの色を設定できます。
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
チャットの背景 |
チャットの背景（backgroundプロパティ）を設定できます。チャットの背景を設定できます。
背景
チャットの背景（backgroundプロパティ）を設定できます。
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
メッセージ入力ウィンドウ |
メッセージ入力ウィンドウの背景色（backgroundプロパティ）と文字色（colorプロパティ）を設定できます。メッセージ入力ウィンドウの背景と文字色を設定できます。
背景
メッセージ入力ウィンドウの背景（backgroundプロパティ）を設定できます。
文字色
メッセージ入力ウィンドウのプレースホルダーとメッセージ送信ボタンの文字色（colorプロパティ）を設定できます。
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
ボット応答吹き出し |
ボット応答吹き出しの背景色（backgroundプロパティ）と文字色（colorプロパティ）を設定できます。ボット応答吹き出しの背景と文字色を設定できます。
背景
ボット応答吹き出しの背景（backgroundプロパティ）を設定できます。
文字色
ボット応答吹き出し内の文字色（colorプロパティ）を設定できます。
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
オペレータ応答吹き出し |
オペレータ応答吹き出しの背景（backgroundプロパティ）と文字色（color（backgroundプロパティ）プロパティ）を設定できます。オペレータ応答吹き出しの背景と文字色を設定できます。
背景
オペレータ応答吹き出しの背景（backgroundプロパティ）を設定できます。
文字色
オペレータ応答吹き出し内の文字色（colorプロパティ）を設定できます。
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
ユーザー発言吹き出し |
ユーザー発言吹き出しの背景（backgroundプロパティ）と文字色（colorプロパティ）を設定できます。ユーザー発言吹き出しの背景と文字色を設定できます。
背景
ユーザー発言吹き出しの背景（backgroundプロパティ）を設定できます。
文字色
ユーザー発言吹き出し内の文字色（colorプロパティ）を設定できます。
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
選択肢リストメッセージ |
選択肢リストメッセージの背景（backgroundプロパティ）と文字色（colorプロパティ）を設定できます。選択肢リストメッセージの背景と文字色を設定できます。
背景
選択肢リストメッセージの背景（backgroundプロパティ）を設定できます。
文字色
選択肢リストメッセージ内の文字色（colorプロパティ）を設定できます。
...
チャットデザイン ＞ 保存済み一覧の中から、編集したいリビジョンをクリック
「編集」ボタンをクリック
「編集」ボタンクリック後、編集画面に遷移
編集が完了しましたら、「保存」ボタンをクリック
「保存」ボタンをクリック後、任意のコメントを入力し、「確定」ボタンをクリック
以上で編集完了となります。
編集完了後、保存済み一覧の一番上に編集済みのリビジョンが表示されます。
| 注意 |
|---|
適用中のリビジョンを編集することはできません。 |
適用中のリビジョンを編集したい場合は、保存済み一覧の適用中のリビジョンから編集を行ってください。
※編集完了後、再度本番環境に反映したい場合は本番環境反映の手順を行ってください。
...
チャットデザイン ＞ 保存済み一覧の中から、削除したいリビジョン をクリック
「この設定を削除」ボタンをクリック
該当のリビジョンを削除する場合は「はい」をクリック
※削除をやめる場合は「いいえ」をクリックすると、削除がキャンセルされます。
画面右下に「削除しました」というダイアログが表示されると、リビジョンの削除が完了となります。
| 注意 |
|---|
適用中のリビジョンを削除することはできません。 |
適用中のリビジョンを削除したい場合は、保存済み一覧の適用中のリビジョンから削除をしてください。
...