Sap-fiori-theme-designer
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 −
|
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) |
|
SAP Fioriでテーマデザイナーを呼び出す方法
SAP Fioriフロントエンドサーバーにログインします。
T-Code: Theme Designer を使用するか、以下に示すようにショートカットを使用してログインします。
ログインすると、テーマデザイナ用にSAPが提供するすべてのデフォルトテンプレートが使用されます。 デフォルトのテーマを選択し、[開く]をクリックします。
Fioriラウンチパッドのリンクとアプリケーションの名前を入力し、*追加*をクリックします。
右側から、色、フォント、画像、その他のプロパティを選択できます。 以下のスナップショットに示すように、色を編集できます。
テーマを保存するには、下に示すように保存アイコンをクリックします。 オプションを保存してビルドするオプションもあります。
[保存してビルド]を選択すると、保存が開始され、完了すると、保存してビルドが完了したという確認メッセージが表示されます。
このカスタムテーマのリンクを取得するには、 T-code:theme_tool を使用します。
作成したテーマを選択して、[情報]タブをクリックします。
Ctrl + Yを使用して画面からURLをコピーし、これを書き留めます。