Freshchat은 지원 UI를 앱의 외관과 느낌에 맞게 테마화할 수 있습니다.
SDK에는 SDK의 외관과 느낌을 제어하는 "FCTheme.plist" 파일이 포함되어 있습니다. 이 파일을 앱의 프로젝트에 복사하여 원하는 결과를 얻기 위해 편집할 수 있으며, 이를 통해 지원 UI를 앱에 자연스럽게 통합할 수 있습니다. 이 파일의 이름을 변경하려면 초기화 코드에 다음을 포함하여 SDK에 테마 파일을 사용하도록 지시할 수 있습니다.
config.themeName = @"<CUSTOM THEME>";테마 값 입력 가이드라인
- 폰트 이름 - 폰트 이름은 그들의 패밀리와 스타일을 사용하여 지정해야 합니다. 예를 들어, HelveticaNeue-Light는 "Light" 스타일의 HelveticaNeue 폰트를 나타냅니다. iOS에서 지원하는 폰트 패밀리를 보려면 iosfonts.com을 참조하세요. 사용자 정의 폰트를 사용하려면 ttf 파일을 프로젝트에 직접 가져와 테마 plist에서 해당 이름을 참조할 수 있습니다.
- 폰트 크기 - 폰트 크기는 float 값으로 지정할 수 있습니다. 예를 들어, 14.0f.
- 색상 - 색상은 16진수 형식으로 지정해야 합니다. 예를 들어 #FFFFFF는 흰색입니다.
- 이미지 - Freshchat은 iOS 이미지 명명 규칙을 따릅니다. 필요한 이미지는 프로젝트에 포함되어야 하며 파일 이름으로 참조할 수 있습니다. 예를 들어, "Image1.png"는 비레티나 디스플레이에서 사용되며 "Image1@2x.png"는 레티나 디스플레이에서 사용됩니다.
- iOS 8 이하 - Helvetica Neue
- iOS 9 - San Francisco
- iOS 10 이상 - Helvetica Neue
참고: SDK는 기본적으로 SYS_DEFAULT_FONT_NAME을 사용하며, 구성 요소 수준에서 전역적으로 Miscellaneous에서 사용자 정의할 수 있습니다.
채팅 버블 사용자 정의
대화 보기의 채팅 버블도 색상 사용자 정의가 가능합니다. SDK에 포함된 이미지의 크기에 맞는 한 채팅 버블 이미지를 교체할 수 있습니다. 크기가 맞지 않는 경우, 테마 파일에서 채팅 버블의 인세트를 제어할 수 있습니다.
참고: 테마 변경 사항이 앱에 반영되지 않는 경우, 파생 데이터를 지운 후 클린 빌드를 수행하세요.
FAQ 문서 세부사항 사용자 정의
Freshchat에서 FAQ 문서의 외관과 느낌을 변경할 수 있습니다. 이를 위해,
- FCResources.bundle로 이동합니다.
- normalize.css 파일을 복사하여 앱의 프로젝트 폴더에 배치합니다.
- 이름 변경 - 프로젝트 폴더에서 normalize.css 파일의 이름을 변경하여 파일 이름 중복을 방지합니다.
- 다음으로 FCTheme.plist 파일로 이동하여 Miscellaneous 카테고리에서 "ArticleDetailCSSFileName" 키를 추가합니다.
- 키 값을 새 .css 파일 이름으로 정의합니다.
이제 프로젝트 폴더의 .css 파일을 요구 사항에 따라 변경할 수 있습니다.
참고: 이렇게 하면 iOS SDK 버전이 업데이트될 때 css 사용자 정의가 자동으로 적용됩니다.
테마 가이드
다음 이미지는 테마 파일에서 사용되는 키에 대한 가이드입니다.
