でテーマを管理または編集する テーマビルダー

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：3分

    • テーマとスタイリングを時間とコスト効率の高い方法でカスタマイズおよび管理します。カスタマイズ後、新しいテーマをインスタンスの Web 実装またはモバイル実装に公開します。

    始める前に

    必要なロール：admin

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
      テーマビルダーランディングページが新しいタブで開き、ホームページビューに表示されます。
      図 : 1. ページメニュー
      ページメニュー。
    2. ホームページビューから、[マネージャーページビュー] を選択して、使用可能なすべてのテーマを表示します。
      マネージャーページビューから、既存のテーマを 2 つの方法で表示できます。グリッドビューまたはリストビューを選択できます。
      注:
      グリッドビューとリストビューの両方で、公開済みのテーマと未公開のテーマは別々にグループ化されます。公開されたテーマは、ユーザーのテーマ設定に表示されるテーマです。[ Web ] または [モバイル ] ボタンを選択して、Web テーマとモバイルテーマを表示します。
      図 : 2. グリッドビュー
      グリッドビュー。
      図 : 3. リストビュー
      取り出せます
      公開されたテーマの [その他のアクション] アイコン には、次のオプションが含まれています。
      • 複製
      • 削除
      • 代替カラーパレットを追加
      • 非公開
      • デフォルトとしてマークする
        注:
        このオプションは、テーマが現在のデフォルトテーマでない場合に表示されます。
      代替カラーパレットが定義されている公開テーマの [その他のアクション] アイコン には、次のオプションが含まれています。
      • グループ名を編集
      • 複製
      • 削除
      • 非公開
      • デフォルトとしてマークする
        注:
        このオプションは、テーマが現在のデフォルトテーマでない場合に表示されます。
      未公開テーマの [その他のアクション] アイコン には、次のオプションが含まれています。
      • 複製
      • 削除
      • 代替カラーパレットを追加
      • 公開
    3. 次のいずれかの方法で、編集するテーマを選択します。
      ページオプション
      マネージャー (グリッドビュー) [公開済み] または [未公開] セクションから、編集するテーマを選択し、[ 編集] を選択します。
      マネージャー (リストビュー) [公開済み] または [未公開] セクションから、編集するテーマを選択し、鉛筆アイコン を選択します。
      エディター [テーマ] ドロップダウン リストから編集するテーマを選択します。
      図 : 4. [テーマ] ドロップダウン リストからテーマを選択します
      [テーマ] ドロップダウンリストからテーマを選択します。
      注:
      作業するテーマを選択するときは、アプリケーションスコープピッカーからテーマの正しいスコープを選択していることを確認してください。
      図 : 5. アプリケーションスコープピッカー
      アプリケーションスコープピッカー。
    4. 必要に応じて、グローバルスタイルを確認して更新します。
      図 : 6. グローバルスタイルの概要
      グローバルスタイルを確認します。
      注:
      テーマで次のスタイルレコードが生成されます。
      • ブランドパレット:ブランドのインターフェイスの色を更新します。詳細については、「テーマの色を編集する」を参照してください。
      • ロゴ:ロゴを更新します。テーマの適用中に [概要] ページからロゴをアップロードできます。詳細については、「テーマビルダーテーマに新しいロゴをアップロードする」を参照してください。
      • タイポグラフィ:エクスペリエンスにグローバルに適用されたフォントを更新します。フォントは、見出し、タイトル、サブタイトル、本文テキスト、キャプションに使用されます。詳細については、「デフォルトのフォントを編集」を参照してください。
      • 形状:画面上のコンポーネントのコーナー形状を更新します。詳細については、「コーナー形状の編集」を参照してください。
    5. オプション: インスタンスに公開する前にテーマをプレビューするには、[ エクスペリエンスプレビュー ] タブを選択します。
      [エクスペリエンスプレビュー] タブ。
      [エクスペリエンス] ドロップダウンリストからプレビューするエクスペリエンスを選択します。
      [エクスペリエンス] ドロップダウン。
      すべてのテーマの選択が適用された状態で実際のライブインスタンスが表示されます。選択したテーマを実際のインスタンスに実装する前にプレビューできます。
      注:
      [新しいタブで開く] アイコン を選択して、エクスペリエンスを新しいタブで開きます。未公開のテーマが選択したエクスペリエンスとどのように相互作用するかを確認できます。
      図 : 7. テーマが適用されたエクスペリエンスのプレビュー
      テーマが適用されたエクスペリエンスのプレビュー。
      注:
      公開されたテーマの場合、エクスペリエンスプレビューのデータはライブデータです。プレビューで行った変更はインスタンスに反映されます。
    6. テーマを公開します。
      詳細については、「でテーマを公開する テーマビルダー」を参照してください。