통신 관리를 사용하면 솔루션 템플릿을 다시 브랜딩하여 브랜드 가치를 높이고 조직의 브랜드 표준을 준수할 수 있습니다. 사용자 인터페이스를 다시 브랜딩하면 통신 UI 만들기의 왼쪽 위 모서리에 표시되는 조직 로고를 변경할 수 있습니다.
통신 UI 만들기에서 조직의 로고를 변경할 수 있습니다.
의 사용자 지정 아이콘
원하는 로고 이미지를 설정하려면 다음을 수행합니다.
CRX](#creatingfolderstructure)에 적절한 [폴더 구조를 만듭니다.
CRX에서 만든 폴더에 새 로고 파일을 업로드합니다.
새 로고를 참조하도록 CSSon CRX를 설정합니다.
브라우저 내역을 지우고 메일 작성 UI을 새로 고칩니다.
사용자 정의 로고 이미지 및 스타일시트를 호스팅하기 위해 아래 설명된 대로 폴더 구조를 만듭니다. 루트 폴더 /apps의 새 폴더 구조는 /libs 폴더의 구조와 유사합니다.
사용자 지정을 위해 /apps 분기에서 아래에 설명된 대로 병렬 폴더 구조를 만듭니다.
/apps 분기(폴더 구조):
/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 분기에서는 변경하지 마십시오. 이 분기는 다음을 수행할 때마다 변경될 수 있으므로 변경한 내용이 손실될 수 있습니다.
확인을 클릭합니다. 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/
노드 유형 일치: 선택됨
확인을 클릭합니다.
/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 option)를 두 번 클릭한 다음 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 만들기 인스턴스를 엽니다. 사용자 정의 로고가 표시됩니다.
만들기 그림: 편지 쓰기 UI 만들기의 사용자 정의 아이콘