モダンなウェブテーマ
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
モダンウェブテーマは、利用可能な予約ページのテーマの一つであり、ビジネスのブランディングに合わせて予約ページをデザインおよびカスタマイズするのに役立ちます。また、ビジネスに必要なエッジを提供し、予約ページをパーソナライズします。
モダンなウェブテーマへのアクセス
-
メニューバーの右上にあるビジネスの管理
アイコンをクリックし、ワークスペースを選択します。
-
必要なワークスペースを選択します。デフォルトでは基本情報タブが選択されています。 予約ページのテーマをクリックし、モダンウェブテーマを選択します。
カラーオプション
モダンウェブテーマでは、さまざまなカラーオプションを選択できます。右側に対応するプレビューを表示するために、色を選択することができます。
プレビュー上のどこをクリックしても、予約ページに加えられた変更内容がリアルタイムで表示されます。
選択した色オプションによって、予約ページの表示が変わります。
カスタムカラーパレット
カスタムカラーパレットは、予約ページをカスタマイズするために選べるさまざまな色を提供します。これにより、予約ページに必要な視覚的な魅力が生まれ、ビジネスにプロの印象を与えます。カスタムカラーを使用することで、予約ページをビジネスと調和させ、ユーザーにシームレスなブランド体験を提供することができます。
カスタムカラーパレット は現在、モダンウェブ テーマのみで利用可能です。 -
カラーオプションの下にある最後のタイルをクリックします。
-
パーソナライズオプションが表示されるポップアップが表示されます。
予約ページの要素
-
背景色：予約ページのさまざまな要素（ビジネステキスト、コントロール、予約ボタン）が配置されるキャンバスの色です。
-
テキストの色：ビジネステキストの色（ただし、予約ボタンの色は除く）。
-
ボタンの色: 予約ボタンの色（および予約ページの他のコントロールのアイコンの色）です。
-
ボタンテキストの色: 予約ボタン内のテキストの色です。
カスタマイズコンポーネントの色
以下のさまざまなコンポーネントの色は、カラーパレットの右側にあるスライダーを使用するか、カラーパレットの下にあるボックスに hexコード を使用してカスタマイズすることができます。
スライダー: カラーパレットの右側のカラースペクトルをスライドすると、幅広い色のコレクションから任意に選択することができます。
カラーHEX: カラーパレットの各色には、固有の hexコードが割り当てられています。 HEX ボックスには、希望の色を選択するためにhexコードを入力することができます。また、選択した色のhex値も提供されるため、スケジュールページで一貫して同じコードを再利用することができます。
バナー
予約ページのさまざまなコンポーネント（タイトル、説明、背景画像、ボタンテキスト）をカスタマイズすることができます。
タイトルを設定する
予約ページの意図に合わせてタイトルを編集することができます。
情報：予約ページでタイトルフィールドを非表示にするには、その左側の目のアイコンをクリックします。 -
タイトルフィールドの編集アイコンをクリックします。
-
必要なテキストを入力し、保存をクリックします。
説明を設定する
予約ページの意図に合わせて説明を編集することができます。
情報: 説明フィールドは、左側の目のアイコンをクリックすることで、予約ページから非表示にすることができます。 -
説明フィールドの編集アイコンをクリックします。
-
必要なテキストを入力し、保存をクリックします。
背景画像の設定
予約ページの意図に合わせて背景画像を設定することができます。
情報: 予約ページで背景画像を非表示にするには、その左側の目のアイコンをクリックします。
注意: 背景画像は1440*798pxの解像度である必要があります。
-
アップロードアイコンをクリックして、予約ページの背景画像を選択します。
-
選択した背景画像の透明度を設定するポップアップが表示されます。希望の透明度を選択し、適用をクリックします。
注意：変更を適用する前に、選択した背景画像をいつでも変更することができます。
下のGIFは、背景画像の透明度を設定する方法を示しています。
-
予約ページの背景画像が設定されました。背景画像の上にカーソルを合わせ、編集（変更）または削除（削除）することができます。
ボタンのテキストを設定する
予約ボタンのテキストをカスタマイズすることができます。
-
ボタンテキストフィールドの横にある編集アイコンをクリックします。
-
必要なテキストを入力し、保存をクリックします。