ウィジェットにカスタムCSSを追加する方法
CSSを使ってTicketingHubのウィジェットをカスタマイズすると、ウェブサイトの一部であるかのようなデザインにできます。
以下の簡単な手順で設定できます。
カスタムウィジェットのサンプル
以下の画像は、カスタムCSSによってウィジェットの外観を変更した例です。カスタマイズによって、ウィジェットのデザインがウェブサイトの雰囲気に調和していることをご確認ください。
サンプル1
サンプル2
ウィジェットにカスタムCSSを追加する
1. CSSを作成してアップロードする
ウィジェットに適用するスタイルを記述したCSSファイルを作成します。準備ができたら、そのファイルをサーバーにアップロードします。
2. TicketingHubのダッシュボードで「Widgets」をクリックする
3. 「Channels」をクリックする
4. 編集するウィジェットの「Web Integrations」をクリックする
5. ツアーのウィジェットをクリックする
6. 「Settings」に移動する
7. 「Custom CSS URL」ボックスを見つけ、CSSのURLを貼り付ける
8. プレビューして調整する
9. 完了したら、「Publish Changes」をクリックする
10. 「Confirm」をクリックして変更を確定する
