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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：4分

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

    始める前に

    必要なロール：ui_builder_admin

    詳細なロールの詳細については、「 Granular admin roles」を参照してください。

    手順

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