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

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む1読むのに数分

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

    始める前に

    必要なロール：admin

    手順

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