モダンWebテーマ

モダンWebテーマ

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

スーパー管理者と管理者は、予約ページのテーマを表示してカスタマイズできます。マネージャーは、この情報の表示のみ可能です。スタッフには、この情報へのアクセス権限がありません。この機能は、すべてのユーザーが利用できます。

モダンWebテーマは、利用可能な予約ページのテーマの1つです。事業のブランドイメージに合わせて、予約ページをデザイン、カスタマイズできます。また、予約ページを独自のデザインにして、事業の競争力を高めることができます。

モダンWebテーマへのアクセス

  1. 右上のメニューバーにある事業の管理アイコンをクリックし、[ワークスペース]をクリックします。


  2. 対象のワークスペースを選択します。初期設定では、[基本情報]タブが選択されています。[予約ページのテーマ]をクリックし、[モダンWebテーマ]を選択します。



色の選択肢

モダンWebテーマでは、さまざまな色から選択できます。色を選択すると、右側に対応するプレビューが表示されます。



プレビュー上の任意の場所をクリックすると、予約ページへの変更をリアルタイムで確認できます。



選択した色を適用した予約ページは、このように表示されます。



独自の色のパレット

独自の色のパレットでは、さまざまな色から選択して予約ページをカスタマイズできます。予約ページの視覚的な魅力を高め、事業にプロフェッショナルな印象を与えることができます。カスタム色を使用すると、予約ページを事業のブランドイメージに合わせ、ユーザーに一貫したブランド体験を提供できます。
独自の色のパレットは現在、モダンWebテーマでのみ利用できます。
  1. 色の選択肢の最後にあるタイルをクリックします。



  2. カスタマイズ設定のポップアップが表示されます。

     

予約ページの項目

  • [背景色]:事業に関するテキスト、各種操作項目、予約ボタンなど、予約ページの各項目が表示される領域の色です。
  • [テキストの色]:事業に関するテキストの色です(予約ボタンを除く)。
  • [ボタンの色]:予約ボタンの色です(予約ページ内にあるその他の操作項目のアイコンにも適用されます)。

  • [ボタンのテキストの色]:予約ボタン内に表示されるテキストの色です。

コンポーネントの色のカスタマイズ



以下の各コンポーネントの色は、カラーパレットの右側にあるスライダー、またはカラーパレットの下にある入力欄の16進数カラーコードを使用してカスタマイズできます。

スライダー:カラーパレットの右側にあるカラースペクトル上でスライダーを動かすと、豊富な色から選択できます。

色のHEX値:カラーパレット内の各色には、固有の16進数カラーコードが割り当てられています。[HEX]欄に16進数カラーコードを入力すると、希望する色を選択できます。また、選択した色のHEX値も表示されるため、同じコードを各予約ページで統一して再利用できます。
予約ページのタイトル、説明、背景画像、ボタンのテキストをカスタマイズできます。

タイトルの設定

予約ページの目的に合わせてタイトルを編集できます。
情報:タイトル項目の左側にある目のアイコンをクリックすると、予約ページでタイトルを非表示にできます。
  1. [タイトル]項目の横にある[編集アイコン]をクリックします。



  2. 必要なテキストを入力し、[保存]をクリックします。



説明の設定

予約ページの目的に合わせて説明を編集できます。
情報:説明項目の左側にある目のアイコンをクリックすると、予約ページで説明を非表示にできます。
  1. [説明]項目の横にある[編集アイコン]をクリックします。



  2. 必要なテキストを入力し、[保存]をクリックします。



背景画像の設定

予約ページの目的に合った背景画像を設定できます。
情報:背景画像の左側にある目のアイコンをクリックすると、予約ページで背景画像を非表示にできます。
メモ:背景画像の解像度は、1,440*798pxの範囲内にする必要があります。
  1. 予約ページの背景画像を選択するには、[アップロードアイコン]をクリックします。



  2. 選択した背景画像の透明度を設定するポップアップが表示されます。希望する透明度を選択し、[適用]をクリックします。



    メモ:変更を適用する前に[変更する]をクリックすると、選択した背景画像をいつでも変更できます。

    以下のGIFは、背景画像の透明度を設定する方法を示しています。



  3. これで、予約ページの背景画像が設定されます。背景画像にカーソルを合わせると、[編集](変更)または[削除]できます。


ボタンのテキストの設定

予約ボタンのテキストをカスタマイズできます。
  1. [ボタンのテキスト]項目の横にある[編集アイコン]をクリックします。



  2. 必要なテキストを入力し、[保存]をクリックします。