Commense Management可讓您重新品牌化其解決方案範本,以提升品牌價值,並符合貴組織的品牌標準。 重新品牌化使用者介面包括變更組織標誌,此標誌會顯示在「建立對應UI」的左上角。
您可以在「建立對應UI」中,以組織的標誌變更標誌。
定義圖 標:「建立對應」UI中的自定義表徵圖
若要設定您選擇的標誌影像,請執行下列動作:
在CRX](#creatingfolderstructure)中建立適當的[資料夾結構。
在您在CRX中建 立的檔案夾中上傳新標誌檔案。
設定 CRX上的CSS以參考新標誌。
清除瀏覽器歷史記錄並刷新「建立對應UI」(Create Correponsement UI)](#refreshccrui)。[
建立檔案夾結構,如下所述,以代管自訂標誌影像和樣式表。 包含根資料夾/apps的新資料夾結構與/libs資料夾的結構類似。
對於任何自訂,請在/apps分支中建立平行資料夾結構,如下所述。
/apps分支(資料夾結構):
使用下列步驟在/apps分支中建立所需的資料夾結構:
前往https://[server]:[port]/[ContextPath]/crx/de
,以管理員身分登入。
在應用程式檔案夾中,建立名為css
的檔案夾,其路徑/結構類似於css檔案夾(位於ccrui檔案夾)。
建立css資料夾的步驟:
在以下路徑中按一下右鍵css資料夾,然後選擇覆蓋節點:/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檔案夾中建立檔案夾結構。
按一下Save All將更改保存在伺服器上。
將您的自訂標誌檔案上傳至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選項)並設定type 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檔案的步驟:
按一下右鍵css資料夾,然後選擇建立>建立檔案。
在「新建檔案」對話框中,將CSS的名稱指定為customcss.css
(不能使用不同的檔案名),然後按一下「確定」。
將下列程式碼新增至新建立的css檔案。 在程式碼中的content:url中,指定您已上傳至CRXDE中的imgs檔案夾的影像名稱。
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
按一下保存全部。
清除瀏覽器快取,然後在瀏覽器中開啟「建立對應UI」例項。 您應該會看到自訂的標誌。
用者介 面圖:建立對應使用者介面中的自訂圖示