을 사용하여 테마 생성 테마 작성기

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기2분
  • 애플리케이션의 홈 뷰 테마 작성기 를 사용하여 웹 또는 모바일 환경에 대한 테마 페이지를 생성합니다.

    시작하기 전에

    에서 다운로드 테마 작성기ServiceNow Store한 후에는 플러그인(sn_theme_builder)을 활성화해야 합니다. 플러그인을 테마 작성기 활성화하려면 을 참조하십시오 Activate a plugin.

    필요한 역할: admin

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > 테마 작성기.
    2. 화면 상단의 페이지 메뉴에서 이 선택되어 있는지 확인합니다.
      그림 1. 테마 작성기 홈 화면
      테마 작성기 홈 화면
    3. 테마 만들기를 선택합니다.
      시작하기 전에 마법사가 나타나 다음 단계에 설명된 대로 브랜드 구성을 안내합니다. 테마 기록은 작업하는 동안 자동으로 저장됩니다.
    4. 계속을 선택하여 새 테마 정의를 시작합니다.
    5. 새 테마의 이름과 설명을 삽입하고 다음을 선택합니다.
      그림 2. 브랜드의 기본 색상
      브랜드의 기본 색상
    6. 기본 타일을 선택하고, 브랜드의 기본 색상을 선택하고, 간단한 미리 보기를 검토하여 선택한 색상이 인스턴스에서 표시되는 위치를 확인합니다.
      • 색 이름 대화 상자에서 HEX, RGB 또는 HSL 중에서 원하는 색 모델을 선택할 수 있습니다.
      • 테마 색상을 편집할 때 색상 선택기에서 명암비를 볼 수 있습니다. 색상표 또는 내 색상 뷰에서 색상을 변경하면 값이 업데이트됩니다.
    7. 브랜드의 기본 색을 식별한 후 적용을 선택한 다음, 다음을 선택합니다.
    8. 브랜드에 보조 색상이 포함되어 있는 경우 보조 색상 화면에서 이전 단계를 반복합니다.
    9. 이전 단계를 반복하여 구분선 및 표면 컨테이너에 대한 중립 브랜드 색상을 정의합니다.
    10. 옵션: 브랜드에 대한 추가 색상을 선택하고 다음을 선택합니다.
    11. 브랜드 로고를 업로드하고 간소화된 미리 보기를 검토하여 선택한 기본 색상으로 예상대로 표시되는지 확인한 후 다음을 선택합니다.
    12. 텍스트의 기본 글꼴을 선택하고 다음을 선택합니다.
      주:
      글꼴을 사용자 지정하려면 을 참조하십시오 Next Experience 테마 구성. 사용자 지정 글꼴 유형을 저장하고 페이지를 새로 고치면 새 글꼴이 사용자 정의 글꼴로 나타납니다. 테마 레코드에서 사용자 정의 글꼴을 삭제하면 글꼴이 기본값으로 Source Sans Pro 로 되돌아갑니다.
    13. 인터페이스에서 버튼, 모달 및 드롭다운 메뉴와 같은 구성 요소의 모서리 모양을 선택하고 다음을 선택합니다.
      주:
      모양을 사용자 지정하려면 을 참조하십시오 Next Experience 테마 구성. 사용자 지정된 모양을 저장하고 페이지를 새로 고치면 새 모양이 혼합으로 표시됩니다. 이 사용자 지정 값은 구성요소 스타일 탭에도 표시되며, 여기에서 사용자 지정 값을 편집할 수 있습니다.
    14. 선택 항목을 검토하고 테마 만들기를 선택합니다.
      주:
      테마 만들기를 선택하기 전에 뒤로를 선택하여 마법사에서 변경할 수 있습니다.
      마법사에서 테마를 만든 후에는 테마를 계속 수정하거나 게시할 수 있는 테마의 편집기 보기로 이동합니다.