でテーマを作成 テーマビルダー

テーマビルダー アプリケーションのホームビューを使用して、Web またはモバイルエクスペリエンスのテーマページを作成します。

始める前に

ServiceNow Storeからテーマビルダーをダウンロードしたら、プラグイン (sn_theme_builder) を有効にする必要があります。テーマビルダー プラグインを有効にするには、「Activate a plugin」を参照してください。

必要なロール：admin

手順

1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
2. 画面上部の [ページ] メニューから [ホーム ] が選択されていることを確認します。

   図 : 1. テーマビルダーのホーム画面

   

3. [ テーマの作成] を選択します。
   [開始する前に] ウィザードが表示され、次の手順で説明するように、ブランド構成をガイドします。テーマレコードは、作業中に自動的に保存されます。
4. [続行] を選択して、新しいテーマの定義を開始します。
5. 新しいテーマの名前と説明を挿入し、 [ 次へ] を選択します。

   図 : 2. ブランドのプライマリ色

   

6. プライマリタイルを選択し、ブランドのプライマリ色を選択し、簡易プレビューを確認して、選択した色がインスタンス内のどこに表示されるかを確認します。
   • [色名] ダイアログ ボックスで、好みのカラー モデル (HEX、RGB、HSL) を選択できます。
   • テーマの色を編集するときは、カラーピッカーでコントラスト比を表示できます。パレットまたはマイカラービューから色を変更すると、値が更新されます。
7. ブランドのプライマリ色を特定したら、 適用 を選択し、 次へ を選択します。
8. ブランドにセカンダリ色が含まれている場合は、セカンダリカラー画面で前の手順を繰り返します。
9. 前の手順を繰り返して、仕切り線と表面コンテナに中間色のブランド色を定義します。
10. オプション: ブランドの追加の色を選択し、[ 次へ] を選択します。
11. ブランド ロゴをアップロードし、簡略化されたプレビューを確認して、選択したプライマリ色で期待どおりに表示されることを確認し、[ 次へ] を選択します。
12. テキストの好みのフォントを選択し、[ 次へ] を選択します。
    注:

    フォントをカスタマイズする場合は、「 ネクストエクスペリエンステーマの構成」を参照してください。カスタマイズしたフォントタイプを保存してページを更新すると、新しいフォントが カスタムフォントとして表示されます。テーマレコードからカスタムフォントを削除すると、フォントはデフォルトとして Source Sans Pro に戻ります。
13. ボタン、モーダル、ドロップダウンメニューなど、インターフェイスでコンポーネントのコーナー形状を選択し、[ 次へ] を選択します。
    注:

    図形をカスタマイズする場合は、「 ネクストエクスペリエンステーマの構成」を参照してください。カスタマイズした図形を保存してページを更新すると、新しい図形は [混合] として表示されます。このカスタム値は [コンポーネント スタイル ] タブにも表示され、カスタム値を編集できます。
14. 選択内容を確認し、 [ テーマの作成] を選択します。
    注:

    [ 戻る ] を選択して、ウィザードで変更を加えてから [ テーマの作成] を選択できます。
    ウィザードでテーマを作成すると、テーマのエディタービューが表示され、テーマの変更や公開を続行できます。