탐색 표시줄의 기본 로고 및 애플리케이션 이름 리터럴 재정의하기

온라인 편집

IBM® 스털링 Store Engagement 은 IBM 로고 및 애플리케이션 이름 리터럴과 같은 기본 브랜딩 요소를 재정의할 수 있는 옵션을 제공합니다. 글꼴 아이콘을 사용하여 이러한 요소를 사용자 지정 이미지로 덮어쓰면 조직의 브랜딩 및 시각적 정체성에 맞게 완벽하게 사용자 지정할 수 있습니다.

프로시저

  1. 원하는 이미지의 글꼴 아이콘을 생성합니다. 자세한 내용은 애플리케이션 스타일 사용자 지정을 참조하십시오.
  2. extension-config.json 로 이동합니다.
    /extensions/override-static-assets/root-config/custom/extension-config.json.
  3. extension-config.json 을 업데이트하여 brandIconClass 의 값을 1단계에서 생성한 사용자 정의 글꼴 아이콘 클래스로 재정의합니다.
    • 애플리케이션 이름 IBM Store 리터럴을 상단 탐색 모음에서 사용자 지정 이미지로 재정의하려면 다음 JSON을 사용합니다.
      "topnavbar": {
"brandIconClass": "custom font icon class"
}
    • 측면 탐색 모음에서 사용자 지정 이미지로 IBM 로고를 재정의하려면 다음 JSON을 사용합니다.
      "sidenavbar": {
"brandIconClass": "custom font icon class"
}
  4. Yarn 시작 앱을 실행하여 변경 사항을 적용합니다.