既存のシステムのテーマ設定
概要
WalkMeテーマ設定を使用すると、アカウント全体でブランドに合わせて、WalkMeコンテンツのすべてのエレメントをスタイル設定できます。 現在(2025年秋リリース)すべての既存のシステムで利用可能になりましたが、意図的に変更を回避するため、有効化にはコンテンツを手動で変換する必要があります。
この記事では、テーマ設定を有効化する方法、その影響、有効化後の既存コンテンツの管理方法について説明します。
ユースケース
-
すべてのライブWalkMeアイテムに新しいブランドスタイルガイドを展開します。
-
マルチシステムデプロイメントにおけるWalkMeアセットの視覚的な制御を一元化します。
-
レガシーコンテンツを最新のスケーラブルなテンプレートに移行します。
有効化する方法
テーマ設定を有効にするには:
- コンソールで、テーマ設定を開きます。
- テーマ設定を有効にするを選択します。

- ビルドの設定ページで、テーマ設定を有効にします。
- [Save(保存)]を選択します。
ご利用方法
コンテンツスタイルをカスタマイズします。
既存のコンテンツをテーマ設定に接続するには:
-
WalkMeエディタで、設定にアクセスします
-
コンテンツスタイルのカスタマイズを選択

メニュー
メニューをテーマ設定に接続するには:
- カスタマイズプレーヤータブで、カリフォルニアウィジェットを選択します。
- 「テーマに接続
」をクリックします。 。

- メニュータブを選択します。
- Proメニュー

を選択します。 - 保存
を選択します。
バルーン
バルーンにテーマ設定を適用するには:
- バルーンタブで、「テンプレートを変更」をクリックします。
- テーマ設定を使用するWalkMeテンプレートを選択します。
- または、カスタムテンプレートのいずれかを選択し、CSSを編集できます。
- ハイライトカラーをテーマ設定に関連付けます。


スマートチップ
スマートチップをテーマ設定に接続するには:
- スマートチップタブで、すべての値をテーマ設定に関連付けます。
- 変更アイコンをクリックして、テーマ設定に関連付けられたアイコンを選択します。
- カスタムアイコンを作成する場合は、編集アイコンをクリックします。

ランチャー
テーマ設定が有効になると、すべての新しいランチャーは、設定されたテーマ設定テンプレートを自動的に使用します。
テーマ設定を使用して、ランチャーを変更または切断するには:
- ランチャータブを開きます。

- テンプレートを変更を選択し、ランチャーデザインを選択します。
- 保存を選択します。
ランチャーをテーマ設定に接続するには:
- ランチャーを開きます。
- デザインタブで、編集をクリックします。
- すべてのプロパティを手動で接続します。
- [Save(保存)]を選択します。
テンプレートギャラリーでは、特定のテンプレートを使用しているランチャー数を確認できます。 このテンプレートを使用するすべてのランチャーは、それに応じて変更されます。
CSS
カスタムCSSをテーマ設定に接続するには:
- 静的な色定義(例:赤色)をテーマ設定変数(例:v primary main)に置き換えます。

シャウトアウト
テーマ設定が有効になると、テーマ設定テンプレートがテンプレートギャラリーに表示されます。
既存のシャウトアウトをテーマ設定に接続するには:
- シャウトアウトを開きます。
- すべてのプロパティをテーマ設定に手動で接続します。
