Freshdesk는 광범위한 사용자 지정 옵션을 제공하여 테마를 사용하여 고객 포털의 모양과 느낌을 개인화할 수 있습니다.

기본 스타일링 옵션을 사용하여 포털의 여러 섹션의 색상과 글꼴을 수정할 수 있습니다. 또한 고급 코드 편집기를 사용하여 포털의 모든 부분을 개인화하고 사용자 지정 디자인 변경을 수행할 수 있습니다. 예를 들어 버튼, 양식, 필터, 문서가 포털에서 어떻게 보일지 디자인할 수 있습니다.

포털의 일반적인 개요는 Overview of Freshdesk Portals를 참조하세요.

이 문서에는 다음이 포함되어 있습니다:

테마 이해하기

기본 Freshdesk 포털은 Marina 테마를 사용하여 디자인되었습니다. Freshdesk 계정에 가입하면 마리나 테마가 활성화된 기본 포털을 볼 수 있습니다.

다음은 사용 가능한 테마 옵션의 목록입니다:

• Marina(기본 테마): 마리나는 포털에 사용되는 기본 Freshdesk 테마입니다. 테마를 복제하고 수정하여 포털 색상과 글꼴을 변경할 수 있습니다. 코드 편집기를 사용하여 솔루션, 홈, 머리글 및 바닥글 페이지/섹션과 같은 포털의 특정 섹션을 수정할 수도 있습니다.
  
  
• 
  
• 테마 가져오기: 직접 테마를 디자인하여 Freshdesk로 가져와 편집기를 사용하여 페이지 및 섹션을 사용자 지정할 수 있습니다. 또는 Freshdesk에서 기존 테마를 다운로드하여 로컬에서 변경한 다음 다시 가져올 수 있습니다. 다음에서 테마를 다운로드할 수도 있습니다.
  
  Note: .zip 파일만 가져올 수 있습니다.

몇 가지 참고 사항: 
테마 사용자 지정을 사용하지 않고 클래식 또는 Mint 테마로 Freshdesk 포털을 사용하는 기존 고객이라면 새로운 Marina 테마로 빠르게 전환할 수 있습니다. 

포털에 사용자 지정 테마를 사용 중인 기존 고객인 경우, Marina로 전환한 후 코드 편집기를 사용하여 현재 테마를 변경해야 합니다. 
새 마리나 테마는 다른 레이아웃, 요소 및 클래스를 사용하므로 이전 버전에서 사용한 것과 동일한 CSS 또는 HTML이 유효하지 않습니다. 이 문제를 해결하려면 코드 편집기에서 사용자 지정을 다시 실행하세요.

마리나 테마에 사용된 요소, 색상, 스타일, 글꼴 크기는 권장 WCAG 구성 요소입니다. 이러한 요소를 사용자 정의할 때는 WCAG 권장 사항을 따르는 것이 좋습니다.

테마 보기 및 액세스

1. 계정에 관리자로 로그인합니다.
2. 관리자 및 포털로 이동하여 포털 옆의 수정을 클릭합니다.
3. 외형 탭으로 전환합니다.
   
4. 현재 Live 테마 및 기타 모든 테마를 여기에서 확인할 수 있습니다. 오른쪽 창에서 포털의 테마를 미리 볼 수 있습니다.
   주: Mint 테마를 사용 중인 기존 고객인 경우 현재 라이브 테마로 Mint 테마를 볼 수 있습니다.
5. 테마 하단의 점 세 개를 클릭하면 다양한 옵션에 액세스할 수 있습니다.
   
   • 포털에서 보기로 이동하세요: 새 탭에서 포털 테마를 미리 봅니다.
   • 다운로드: 이 옵션을 사용하면 기존 테마를 다운로드하고 동일한 코드를 재사용하여 새 포털 테마를 변경할 수 있습니다. 다운로드한 테마는 .zip 형식으로 이메일 주소로 전송됩니다.
   • 이름 바꾸기: 포털의 이름을 바꿀 수 있습니다. 라이브 Freshdesk 테마의 이름은 변경할 수 없습니다.
   • Clone: 기존 테마를 복제하고 수정합니다.
   • 테마 삭제: 테마를 삭제합니다. 라이브 테마는 삭제할 수 없습니다.
6. 테마를 클릭하면 오른쪽 창에서 미리 보기를 볼 수 있습니다.

Tip. 이미 사용자 지정한 여러 포털을 사용하고 있는 경우 기존 테마를 다운로드하여 가져와서 새 포털을 설정할 수 있습니다. 자세한 내용은 테마 가져오기를 참조하세요.

포털 모양 사용자 지정

포털의 색상, 글꼴, 로고 및 포털 각 섹션의 레이아웃이 포함된 모양 또는 외관이 포털의 룩앤필 또는 외관을 구성합니다. 테마를 사용하면 홈페이지나 지식창고 섹션과 같은 각 구성 요소를 디자인하고 개인화하여 시각적으로 풍부한 포털을 만들어 사용자 경험을 향상시킬 수 있습니다.

포털 모양을 사용자 지정할 수 있습니다:

1. 관리로 이동하여 포털 옆의 수정을 클릭합니다.
2. 표시 탭으로 전환합니다.
3. 표시 탭에서 편집할 테마를 선택합니다. 라이브 테마를 편집하려면 테마 복제 및 편집을 클릭합니다. 사용 가능한 다른 비라이브 테마를 변경하려면 테마 편집을 클릭하세요.
   
4. 사용자 지정 페이지로 리디렉션됩니다.
   다음 탭이 포함됩니다:
   • 포털 커스터마이즈: 포털 섹션의 색상 및 글꼴 수정과 같은 기본적인 브랜딩 변경을 수행합니다.
   • 페이지: 코드 편집기를 사용하여 고급 사용자 지정을 수행하고 포털의 각 페이지/섹션의 레이아웃을 개인화할 수 있습니다. 자세한 내용은 아래 섹션을 참조하세요.
5. 자세한 내용은 아래 섹션을 참조하세요. 

포털 사용자 지정(색상 및 폰트 기본 브랜딩)

Freshdesk를 사용하면 코딩 없이도 포털의 색상과 폰트를 손쉽게 수정할 수 있습니다. 사용자 친화적인 색상 팔레트를 통해 포털의 가장 중요한 섹션의 색상과 글꼴을 브랜딩 기본 설정에 맞게 쉽게 수정할 수 있습니다. 사용 가능한 브랜드 색상을 사용하거나 HEXCODE를 추가할 수 있습니다.

브랜드 색상

팔렛을 사용하여 다음 섹션의 색상을 사용자 지정할 수 있습니다:

• 기본 색상: 헤더, 버튼 및 탐색 요소의 색상을 포함합니다.
• 바디 요소: 본문 색상, 링크 색상(본문의 하이퍼링크), 호버 상태(마우스를 올렸을 때 하이퍼링크의 색상)
• 헤더 및 푸터 요소: 헤더 색상, 텍스트 색상, 푸터 색상, 헤더 텍스트 색상을 포함합니다.

더 많은 색상

더 많은 섹션의 색상을 사용자 지정하려면 더 많은 색상을 클릭합니다. 여기에서 카드, 탭 및 양식 요소의 색상을 수정할 수 있습니다.

포털 글꼴 변경

헤딩 및 본문 글꼴을 수정할 수 있습니다, 포털 글꼴을 클릭하고 글꼴을 변경합니다.

모든 변경이 완료되면 저장과 게시>를 클릭합니다. 게시하기 전에 변경 사항을 미리 볼 수도 있습니다. 변경 사항을 재설정하려면 재설정을 클릭합니다.

페이지 사용자 지정(편집기를 사용한 고급 사용자 지정)

기본 색상 및 글꼴 사용자 지정 외에도 Freshdesk에 내장된 코드 편집기를 통해 고급 포털 CSS 사용자 지정을 수행할 수 있습니다. 자세한 내용은 고급 포털 레이아웃 변경을 참조하세요.