パートナ・ファインダ・アプリケーションの外観の変更

このトピックでは、独自のパートナ検索アプリケーションの外観を変更する方法について説明します。

Oracle Partner Finderテンプレートは外観を向上させるためにスタイル設定されています。これは、オブジェクトを変更し、app.cssファイルにスタイルを追加することによって行われています。

app.cssファイルのオブジェクトを変更するには:

Oracle Visual Builderに移動します。
パートナ検索アプリケーションを開きます。
Webアプリケーションをクリックします。
partnerfinderを展開し、resourcesを展開し、cssを展開し、app.cssをクリックします。

app.cssタブが表示されます。
変更するオブジェクトを見つけて構成します。たとえば、パートナ・ファインダ・アプリケーションで使用されるバックグラウンド・イメージを変更するには、パートナ・ファインダCSSクラス・セレクタを変更します:
```
.partner-finder {
  background-image: url('../images/body_bg_texture.png');
  background-repeat: repeat;
  background-color: #292623;
  color: #ffffff;
  background-size: contain;
}
```

app.cssで定義されたCSSクラスは、アプリケーションのHTMLで参照できます。たとえば、次のコードはRoot pages/shell-page.htmlにあります:

<div id="page" class="partner-finder oj-web-applayout-page">

また、Oracle JETテーマを使用して、パートナ・ファインダ・アプリケーション全体でコンポーネントの一貫した外観を提供することもできます。 Oracle JETテーマの詳細は、関連項目の『Oracle JETによるアプリケーションの開発』ガイドのアプリケーションのテーマ設定の章を参照してください。

Oracle JETテーマが作成されると、それをresources/cssに追加でアップロードし、次のようなコードを使用してアプリケーションのindex.htmlで参照できます。

...
  <link type="text/css" rel="stylesheet" href="resources/css/app.css">
  <link type="text/css" rel="stylesheet" href="resources/css/myJETTheme.css">
...