テーマビルダーを使用したテーマの作成

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:1分
  • テーマビルダー アプリケーションのホームビューを使用して、Web またはモバイルエクスペリエンスのテーマレコードを作成します。

    始める前に

    必要なロール:アドミン

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
      テーマビルダーのランディングページが新しいタブで開き、ホームページビューに表示されます。
      図 : 1. テーマビルダーのホーム画面
      テーマビルダーのホーム画面
    2. [ テーマの作成] を選択します。
      [開始する前に] ウィザードが表示され、次の手順で説明するように、ブランド構成について説明します。作業中にテーマレコードが自動的に保存されます。
      図 : 2. [開始する前に] ウィザード
      開始する前に [続行] が選択されたウィザード。
    3. [ 続行] を選択して、新しいテーマの定義を開始します。
    4. 新しいテーマの名前と説明を挿入し、[ 次へ] を選択します。
    5. [ プライマリ ] タイルを選択し、ブランドのプライマリ色を選択し、簡略化されたプレビューを確認して、選択した色がインスタンス内のどこに表示されるかを確認します。
      注:
      [色名] ダイアログボックスで、希望するカラーモデル (HEX、RGB、または HSL) を選択できます。
      図 : 3. ブランドのプライマリ色
      ブランドのプライマリ色
    6. ブランドのプライマリ カラーを特定したら、 適用 を選択し、 次へ を選択します。
    7. ブランドにセカンダリ色が含まれている場合は、セカンダリカラー画面で前の手順を繰り返します。
    8. 前の手順を繰り返して、分割線と表面コンテナの中間色のブランド色を定義します。
    9. オプション: ブランドの追加色を選択し、[ 次へ] を選択します。
    10. ブランドロゴをアップロードし、簡略化されたプレビューを確認して、選択したプライマリ色で期待どおりに表示されることを確認して、[ 次へ] を選択します。
      注:
      ロゴを追加しない場合、ServiceNow ロゴが使用されます。
    11. テキストの希望のフォントを選択し、[ 次へ] を選択します。
    12. インターフェイスでコンポーネントの角の形状 (ボタン、モーダル、ドロップダウンメニューなど) を選択し、[ 次へ] を選択します。
    13. 選択内容を確認し、[ テーマを作成] を選択します。
      注:
      [テーマの作成] を選択する前に、[戻る] を選択してウィザードで変更を加えることができます。テーマを作成すると、編集内容はすべて自動的に保存されます。
      ウィザードでテーマを作成すると、テーマのエディタービューが表示され、テーマの変更または公開を続行できます。