通信管理可讓您重新品牌化其解決方案範本,以提升品牌價值,並符合貴組織的品牌標準。 品牌化使用者介面包括變更組織標誌,該標誌會顯示在「建立通信UI」的左上角。
您可以使用組織的標誌來變更「建立通信UI」中的標誌。
圖: 建立通信UI中的自訂圖示
若要設定您所選擇的標誌影像,請執行下列操作:
建立適當 CRX中的資料夾結構.
上傳新的標誌檔案 在CRX中建立的資料夾中。
設定CSS 在CRX上,以參照新的標誌。
清除瀏覽器歷史記錄,並 刷新建立通信UI.
建立資料夾結構(如下所述),用於托管自定義徽標影像和樣式表。 根資料夾/apps的新資料夾結構與/libs資料夾的結構類似。
對於任何自訂,請在/apps分支中建立平行資料夾結構,如下所述。
/apps分支(資料夾結構):
使用下列步驟在/apps分支中建立所需的資料夾結構:
前往 https://[server]:[port]/[ContextPath]/crx/de
並以管理員身分登入。
在應用程式資料夾中,建立名為 css
具有與css資料夾類似的路徑/結構(位於ccrui資料夾中)。
建立CSS資料夾的步驟:
以滑鼠右鍵按一下 cs 資料夾(位於以下路徑),然後選取 覆蓋節點: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
確定「覆蓋節點」對話方塊有下列值:
路徑: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
覆蓋位置: /apps/
匹配節點類型: 已勾選
請勿在/libs分支中進行變更。 您所做的任何變更都可能會遺失,因為只要您符合以下條件,此分支就會發生變更:
按一下「確定」。css資料夾會建立在指定的路徑中。
在應用程式資料夾中,建立名為 imgs
具有與imgs資料夾類似的路徑/結構(位於ccrui資料夾中)。
以滑鼠右鍵按一下 imgs 資料夾(位於以下路徑),然後選取 覆蓋節點: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
確定「覆蓋節點」對話方塊有下列值:
路徑: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
覆蓋位置: /apps/
匹配節點類型: 已勾選
按一下「確定」。
您也可以手動在/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 屬性。
將出現「編輯jcr:data」對話框。
現在,按一下newlogo.png資料夾,按兩下jcr:content(dim選項)並設定nt:resource類型。 如果不存在,請建立名為jcr:content的屬性。
在「編輯jcr:data」對話方塊中,按一下 瀏覽 並選取您要作為標誌的影像檔案(此處為CustomLogo.png)。
支援的影像檔案格式會根據您用來存取AEM Forms的瀏覽器而定。 所有瀏覽器都支援JPEG、GIF和PNG。 如需詳細資訊,請參閱支援影像格式的瀏覽器專屬檔案。
圖: 範例 — 要用作自訂標誌的CustomLogo.png
按一下 全部儲存.
自訂標誌影像需要在內容內容中載入額外的樣式表。
使用下列步驟來設定樣式表以呈現標誌:
前往 https://[server]:[port]/[contextpath]/crx/de
. 如有必要,請以管理員身分登入。
在以下位置建立名為customcss.css的檔案(不能使用其他檔案名):
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
建立customcss.css檔案的步驟:
以滑鼠右鍵按一下 cs 資料夾和選取 建立>建立檔案.
在「新增檔案」對話方塊中,將CSS的名稱指定為 customcss.css
(不能使用其他檔案名),然後按一下 確定.
將下列程式碼新增至新建立的css檔案。 在程式碼的content:url中,指定您已上傳至CRXDE中Imgs資料夾的影像名稱。
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
按一下 全部儲存.
清除瀏覽器快取,然後在瀏覽器中開啟「建立通信UI」例項。 您應該會看到自訂標誌。
圖: 建立通信UI中的自訂圖示