포털 브랜딩 구성

포털에 고유한 모양과 느낌을 부여하는 데 사용합니다 브랜딩 편집기 .

브랜딩 편집기에 액세스하려면 다음으로 이동합니다. 서비스 포털 > 서비스 포털 구성을 클릭한 다음 브랜딩 편집기를 클릭합니다.

포털 목록에서 테마를 사용자 지정할 포털을 선택합니다. 그런 다음 빠른 설정 및 테마 색상 탭의 옵션을 사용하여 포털을 사용자 지정합니다.

그림 1. 브랜딩 편집기

표 1. 빠른 설정 탭 옵션

필드	설명
포털 제목	포털의 이름입니다. 에서 포털 브랜딩 편집기 의 이름을 변경하면 플랫폼 UI의 포털 양식 필드의 제목도 변경됩니다.
로고	포털의 헤더에 나타나는 로고입니다. 이 이미지는 최대 높이 46px 및 최대 너비 200px로 크기가 조정됩니다.
로고 패딩	헤더의 가장자리 위치에 로고를 배치할 위치입니다. 이 정보는 포털 양식의 CSS 변수 섹션에 저장됩니다.
태그 라인 및 배경	플랫폼 UI의 포털 기록에 있는 빠른 시작 구성 필드에서 JSON 스키마로 정의된 필드입니다. 이 샘플 서비스 포털 에서는 다음 스키마를 사용하여 Tag Line 및 Background 를 브랜딩 편집기 추가합니다. [{ "tagline": { "table" : "sp_instance", "sys_id" : "34fe3d96cb20020000f8d856634c9cf4", "field" : "title" }, "hero_background": { "table" : "sp_container", "sys_id" : "be98a8d2cb20020000f8d856634c9c63", "field" : "background_image" } }]
태그 라인	태그 라인이 있는 포털 페이지를 사용자에게 소개합니다. 이 텍스트는 홈페이지 검색 위젯의 인스턴스에 저장됩니다.
태그 라인 색	태그 라인의 색상을 선택합니다.
홈페이지 배경 색	배경색을 추가합니다. 색상 이름, 16진수, 십진수(RGB)를 입력하거나 색상 구개에서 선택할 수 있습니다.
배경 이미지	홈페이지 배경에 표시할 이미지를 업로드합니다. 이 이미지는 홈페이지의 위젯 컨테이너에 저장됩니다.

테마 탭의 색상에 대해 표준 색상 이름, 16진수 코드, 10진수(RGB) 코드를 사용하거나 색상 구개에서 색상을 선택할 수 있습니다. 모든 색상 정의는 포털 양식의 CSS 변수 필드에 저장됩니다. 테마 미리 보기는 변경 시 실시간으로 업데이트됩니다.

표 2. 테마 색 탭

필드	설명
탐색 모음	이 섹션의 필드를 사용하여 헤더 메뉴의 색상을 사용자 지정합니다.
브랜드	이 섹션의 필드를 사용하여 페이지 색상을 사용자 지정합니다. 예를 들어 페이지 배경 또는 위젯 배경입니다.
텍스트	이 섹션의 필드를 사용하여 페이지의 텍스트 색상을 사용자 지정합니다.

의 테마 색상 브랜딩 편집기 에 대한 변경 내용은 플랫폼 UI에서 포털 양식의 CSS 변수 필드에 나타납니다.