Correspondence Management を使用すると、ソリューションテンプレートを再ブランディングして、より優れたブランド価値を実現し、組織のブランディング標準に準拠できます。 ユーザーインターフェイスのリブランディングには、組織のロゴの変更が含まれます。ロゴは、通信を作成 UI の左上隅に表示されます。
通信を作成 UI のロゴを組織のロゴと共に変更できます。
通信作成用 UI に表示されたカスタムアイコン
選択したロゴイメージを設定するには、次の手順を実行します。
CRX 内で適切なフォルダー構造を作成します。
新しいロゴファイルをアップロード を CRX で作成したフォルダーに追加します。
CRX 上に CSS をセットアップし、新しいロゴを参照します。
ブラウザーの履歴を消去し、通信作成 UI を更新します。
カスタムロゴイメージとスタイルシートをホストするためのフォルダー構造を、以下で説明するように作成します。 ルートフォルダー/apps を持つ新しいフォルダー構造は、/libs フォルダーの構造に似ています。
カスタマイズの場合は、以下に説明するように、/apps ブランチに並列フォルダー構造を作成します。
The /apps
ブランチ(フォルダー構造):
/libs
ブランチが更新され、変更を /libs
分岐では、上書きされます。/apps
最初に分岐し、次に /libs
分岐を使用して、リソースを検索します。 このメカニズムにより、システムはオーバーレイ(および、そこに定義されたカスタマイズ内容)を使用します。次の手順を実行して、 /apps
ブランチ:
https://'[server]:[port]'/[ContextPath]/crx/de
に移動して、管理者でログインします。
apps フォルダーに、 css
(ccrui フォルダー内の)css フォルダーに似たパス/構造を持つ。
css フォルダーの作成手順:
次のパスにある css フォルダーを右クリックし、「ノードをオーバーレイ」を選択します。/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
ノードをオーバーレイダイアログに次の値が表示されていることを確認します。
パス: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
オーバーレイの場所: /apps/
ノードタイプを一致させる:オン
次を変更しない: /libs
分岐。 このブランチは、次の操作を行うたびに変更される可能性が高いので、加えた変更はすべて失われる可能性があります。
* インスタンスでのアップグレード
* ホットフィックスの適用
* 機能パックのインストール
「OK」をクリックします。指定されたパスに css フォルダーが作成されます。
apps フォルダーに、 imgs
(ccrui フォルダー内の)imgs フォルダーに似たパス/構造を持つ。
次のパスにある imgs フォルダーを右クリックし、「ノードをオーバーレイ」を選択します。/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
「ノードをオーバーレイ」ダイアログに次の値が表示されていることを確認します。
パス:/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
オーバーレイの場所:/apps/
ノードタイプを一致させる:オン
「OK」をクリックします。
/apps フォルダーに手動でフォルダー構造を作成することもできます。
「すべて保存」をクリックして、サーバーに変更を保存します。
カスタムロゴファイルを CRX にアップロードします。 ロゴの描画には、標準的な HTML 規則が適用されます。サポートされる画像ファイル形式は、AEM Formsにアクセスするために使用しているブラウザーに応じて異なります。 すべてのブラウザーは、JPEG、GIF、PNG をサポートしています。 詳しくは、サポートされる画像形式に関するブラウザー固有のドキュメントを参照してください。
以下の手順を実行して、CRX にカスタムロゴファイルをアップロードします。
https://'[server]:[port]'/[contextpath]/crx/de
にアクセスします。必要に応じて、管理者としてログインします。
CRXDE から、次のパスにある imgs フォルダーを右クリックし、「作成」/「ファイルを作成」を選択します。
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs/
「ファイルを作成」ダイアログで、ファイルの名前「CustomLogo.png」(またはロゴファイルの名前)を入力します。
「すべて保存」をクリックします。
作成した新しいファイル(ここでは CustomLogo.png)の下に、 jcr:content プロパティが表示されます。
フォルダー構造で jcr:content をクリックします。
jcr:content のプロパティが表示されます。
jcr:data プロパティをダブルクリックします。
「Edit jcr:data」のダイアログが表示されます。
次に、newlogo.png フォルダーをクリックし、jcr:content (dim option) をダブルクリックして、タイプ nt:resource を設定します。 存在しない場合は、jcr:content という名前のプロパティを作成します。
「jcr:data の編集」ダイアログで「参照」をクリックし、ロゴとして使用する画像ファイルを選択します(ここでは、「CustomLogo.png」)。
サポートされる画像ファイル形式は、AEM Formsにアクセスするために使用しているブラウザーに応じて異なります。 すべてのブラウザーは、JPEG、GIF、PNG をサポートしています。 詳しくは、サポートされる画像形式に関するブラウザー固有のドキュメントを参照してください。
例:カスタムロゴとして使用する CustomLogo.png
「すべて保存」をクリックします。
カスタムロゴイメージを使用するには、コンテンツコンテキストに追加のスタイルシートを読み込む必要があります。
UI でロゴをレンダリングするためのスタイルシートを作成するには、次の手順を実行します。
https://'[server]:[port]'/[contextpath]/crx/de
にアクセスします。必要に応じて、管理者としてログインします。
次の場所に、customcss.css というファイルを作成します。異なるファイル名は使用できません。
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
customcss.css ファイルの作成手順:
を右クリックします。 css フォルダーと選択 作成/ファイルを作成.
新規ファイルダイアログボックスで、CSS の名前を「customcss.css
」として指定し、「OK」をクリックします。異なるファイル名は使用できません。
次のコードを、新しく作成した css ファイルに追加します。 コードの content:url で、CRXDE の imgs フォルダーにアップロードした画像名を指定します。
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
「すべて保存」をクリックします。
ブラウザーのキャッシュをクリアし、ブラウザーで通信を作成 UI インスタンスを開いて、カスタムロゴを表示します。
通信作成用 UI に表示されたカスタムアイコン