Sap-fiori-theme-designer

提供:Dev Guides
移動先:案内検索

SAP Fiori-テーマデザイナー

UIテーマデザイナは、SAPが提供するテーマテンプレートの1つを変更することでテーマを開発できるブラウザベースのツールです。

-カラースキームを変更したり、会社のロゴを追加したりできます。 このツールは、設計中にテーマのライブプレビューを提供します。

企業のブランディングを適用し、SAP UIテクノロジーで構築されたアプリケーションに注目してください。 UIテーマデザイナーは、クロステーマシナリオ用のブラウザーベースのツールです。 SAPが提供するテーマテンプレートの1つを変更することにより、企業IDテーマを簡単に構築できます。 たとえば、配色を変更したり、会社のロゴを追加したりできます。 このツールは、開発者、ビジュアルデザイナー、管理者など、さまざまなユーザーグループを対象としています。

サポートされているプラ​​ットフォーム

  • ABAPとしてのSAP NetWeaver(UIアドオン1.0 SP4経由)
  • SAP NetWeaver Portal(7.30 SP10以降のバージョン)
  • SAP HANAクラウド(計画中)
  • SAP NetWeaver Portal(7.02予定)

主な機能と利点

主な機能と利点は次のとおりです。

  • ブラウザベースのグラフィカルWYSIWYGエディタ-テーマパラメータの値を変更し、選択したプレビューページの視覚化にどのように影響するかをすぐに確認します。
  • ビルトインプレビューページ-ビルトインプレビューページを選択して、カスタムテーマがアプリケーションに適用されたときの外観を確認します。
  • アプリケーションのプレビュー-例:注文承認、SAP Fiori Launchpad
  • コントロールのプレビュー

テーマのさまざまなレベル

  • クイックテーマ(基本的なクロステクノロジーのテーマ設定)。
  • エキスパートテーマ(テクノロジー固有のテーマ設定)。
  • 手動のLESSまたはCSS編集。
  • 再利用のためのカラーパレット-企業のブランディングを定義する主要な色の値でパラメータのセットを指定します
  • クロステクノロジーのテーマ-さまざまなSAP UIクライアントおよびテクノロジーに適用される1つの一貫したテーマを作成します。
  • SAPUI5標準ライブラリ(SAP FioriアプリケーションおよびSAP Fiori Launchpadを含む)
  • 統合レンダリングテクノロジー(Web Dynpro ABAPやFloorplan Managerなど)
  • SAP NetWeaver Business Client
SAP UI Client UI parts can be themed
Web Dynpro ABAP

You can theme applications that do not use the following UI elements −

  • HTMLアイランド
  • HTMLコンテナ
  • チャート
  • フラッシュアイランド
  • シルバーライトアイランド
  • ビジネスグラフィックス
  • SAP NetWeaver 7.0 EHP2以降のWeb Dynpro ABAPアプリケーションのUIテーマデザイナーで作成されたテーマのみを使用できます。
Floorplan Manager for Web Dynpro ABAP (FPM) You can theme applications that do not use HTML Islands or chart UIBB’s
SAPUIS You can theme SAP standard libraries. Custom SAPUI5 libraries cannot be themed.
SAP NetWeaver Business Client (NWBC)
  • * NWBC for Desktop(4.0以降)*-NWBCシェルおよび概要ページ(インデックスページ、新しいタブページ、サービスマップ)をテーマにできます。
  • * NWBC for HTML(3.6)*-サービスマップのテーマを設定できます。 シェルをテーマにすることはできません。

SAP Fioriでテーマデザイナーを呼び出す方法

SAP Fioriフロントエンドサーバーにログインします。

T-Code: Theme Designer を使用するか、以下に示すようにショートカットを使用してログインします。

UIテーマデザイナー

ログインすると、テーマデザイナ用にSAPが提供するすべてのデフォルトテンプレートが使用されます。 デフォルトのテーマを選択し、[開く]をクリックします。

SAP for Theme Designer

Fioriラウンチパッドのリンクとアプリケーションの名前を入力し、*追加*をクリックします。

ターゲットコンテンツの追加

右側から、色、フォント、画像、その他のプロパティを選択できます。 以下のスナップショットに示すように、色を編集できます。

色の編集

テーマを保存するには、下に示すように保存アイコンをクリックします。 オプションを保存してビルドするオプションもあります。

保存してビルド

[保存してビルド]を選択すると、保存が開始され、完了すると、保存してビルドが完了したという確認メッセージが表示されます。

ウィンドウを保存してビルド

このカスタムテーマのリンクを取得するには、 T-code:theme_tool を使用します。

テーマツール

作成したテーマを選択して、[情報]タブをクリックします。

情報タブ

Ctrl + Yを使用して画面からURLをコピーし、これを書き留めます。

URL