Freshdesk는 다양한 맞춤 설정 옵션을 제공하여 테마를 사용하여 고객 포털의 모양과 느낌을 개인화할 수 있습니다.
기본 스타일링 옵션을 사용하여 포털의 다양한 섹션의 색상과 글꼴을 수정할 수 있습니다. 또한 고급 코드 편집기를 사용하여 포털의 모든 부분을 개인화하고 사용자 정의 디자인 변경을 수행할 수 있습니다. 예를 들어, 포털에서 버튼, 양식, 필터 및 문서가 어떻게 보일지를 디자인할 수 있습니다.
포털에 대한 일반적인 개요는 Freshdesk 포털 개요를 참조하세요.
이 문서에는 다음이 포함되어 있습니다:
| 이 문서에는 다음이 포함되어 있습니다: |
테마 이해하기
기본 Freshdesk 포털은 Marina 테마를 사용하여 설계되었습니다. Freshdesk 계정에 가입하면 Marina 테마가 활성화된 기본 포털을 볼 수 있습니다.
사용 가능한 테마 옵션 목록은 다음과 같습니다:
- Marina (기본 테마): Marina는 포털에 사용되는 기본 Freshdesk 테마입니다. 테마를 복제하고 수정하여 포털의 색상과 글꼴을 변경할 수 있습니다. 또한 코드 편집기를 사용하여 솔루션, 홈, 헤더 및 푸터 페이지/섹션과 같은 포털의 특정 섹션을 수정할 수 있습니다.
- Mint: 이는 더 이상 신규 가입에 지원되지 않는 클래식 Freshdesk 테마입니다. Mint 테마를 사용 중인 경우 Marina 테마로 쉽게 전환하여 Marina의 고급 기능을 활용할 수 있습니다.
- 테마 가져오기: 자신만의 테마를 디자인하여 Freshdesk에 가져오고 편집기를 사용하여 페이지와 섹션을 사용자 정의할 수 있습니다. 또는 기존 테마를 Freshdesk에서 다운로드하여 로컬에서 변경한 후 다시 가져올 수 있습니다. 또한
참고: .zip 파일만 가져올 수 있습니다.
- 클래식 또는 Mint 테마를 사용 중인 기존 고객으로서 테마 사용자 정의 없이 Freshdesk 포털을 사용하는 경우, 새 Marina 테마로 빠르게 전환할 수 있습니다.
- 포털에 사용자 정의 테마를 사용 중인 기존 고객인 경우, Marina로 전환한 후 코드 편집기를 사용하여 현재 테마에 변경 사항을 적용해야 합니다.
새 Marina 테마는 다른 레이아웃, 요소 및 클래스를 사용하므로 이전 버전에서 사용한 동일한 CSS 또는 HTML은 유효하지 않습니다. 이를 해결하려면 코드 편집기에서 사용자 정의를 다시 수행하세요. - Marina 테마에 사용된 요소, 색상, 스타일 및 글꼴 크기는 권장되는 WCAG 구성 요소입니다. 이러한 요소를 사용자 정의할 때는 WCAG 권장 사항을 따르는 것이 좋습니다.
테마 보기 및 액세스
- 관리자로 계정에 로그인합니다.
- 관리 > 포털로 이동하여 포털 옆의 편집을 클릭합니다.
- 외관 탭으로 전환합니다.

- 여기에서 현재 라이브 테마와 모든 사용 가능한 테마를 볼 수 있습니다. 오른쪽 창에서 포털의 테마를 미리 볼 수 있습니다.
참고: Mint 테마를 사용 중인 기존 고객인 경우, 현재 라이브 테마로 Mint 테마를 볼 수 있습니다. - 테마 하단의 세 개의 점을 클릭하여 다양한 옵션에 액세스합니다:

- 포털에서 보기: 새 탭에서 포털 테마를 미리 봅니다.
- 다운로드: 기존 테마를 다운로드하여 새 포털 테마에 변경 사항을 적용할 때 동일한 코드를 재사용할 수 있습니다. 다운로드된 테마는 .zip 형식으로 이메일 주소로 전송됩니다.
- 이름 변경: 포털의 이름을 변경할 수 있습니다. 라이브 Freshdesk 테마의 이름은 변경할 수 없습니다.
- 복제: 기존 테마를 복제하고 수정합니다.
- 테마 삭제: 테마를 삭제합니다. 라이브 테마는 삭제할 수 없습니다.
- 테마를 클릭하면 오른쪽 창에서 미리 보기를 볼 수 있습니다.
포털 외관 맞춤 설정
포털의 모양과 느낌 또는 외관에는 포털의 각 섹션의 색상, 글꼴, 로고 및 레이아웃이 포함됩니다. 테마를 사용하여 홈 페이지나 지식 베이스 섹션과 같은 각 구성 요소를 디자인하고 개인화하여 사용자 경험을 향상시키는 시각적으로 풍부한 포털을 만들 수 있습니다.
포털 외관을 맞춤 설정하려면:
- 관리 > 포털로 이동하여 포털 옆의 편집을 클릭합니다.
- 외관 탭으로 전환합니다.
- 외관 탭에서 편집할 테마를 선택합니다. 라이브 테마를 편집하려면 테마 복제 및 편집을 클릭합니다. 다른 사용 가능한 비라이브 테마를 변경하려면 테마 편집을 클릭합니다.

- 사용자 정의 페이지로 리디렉션됩니다.
다음 탭이 포함됩니다:- 포털 사용자 정의: 포털 섹션의 색상 및 글꼴을 수정하는 기본 브랜딩 변경을 수행합니다.
- 페이지: 코드 편집기를 사용하여 포털의 각 페이지/섹션의 레이아웃을 고급 사용자 정의하고 개인화합니다. 자세한 내용은
- 아래 섹션을 참조하여 자세한 내용을 확인하세요.
포털 맞춤 설정 (기본 색상 및 글꼴 브랜딩)
Freshdesk는 코딩 없이도 포털의 색상과 글꼴을 쉽게 수정할 수 있도록 합니다. 사용하기 쉬운 색상 팔레트를 통해 포털의 가장 중요한 섹션의 색상과 글꼴을 쉽게 수정하여 브랜딩 선호도에 맞출 수 있습니다. 사용 가능한 브랜드 색상을 사용하거나 HEXCODE를 추가할 수 있습니다.

브랜드 색상
팔레트를 사용하여 다음 섹션의 색상을 사용자 정의할 수 있습니다:
- 기본 색상: 헤더, 버튼 및 탐색 요소의 색상을 포함합니다.
- 본문 요소: 본문 색상, 링크 색상(본문의 하이퍼링크), 호버 상태(호버 시 하이퍼링크의 색상)를 포함합니다.
- 헤더 및 푸터 요소: 헤더 색상, 텍스트 색상, 푸터 색상, 헤더 텍스트 색상을 포함합니다.
더 많은 색상
더 많은 섹션의 색상을 사용자 정의하려면 더 많은 색상을 클릭하세요. 여기에서 카드, 탭 및 양식 요소의 색상을 수정할 수 있습니다:

포털 글꼴 변경
제목과 본문의 글꼴을 수정하려면 포털 글꼴을 클릭하고 글꼴을 변경하세요.
모든 변경 사항을 완료한 후 저장 및 게시를 클릭하세요. 게시하기 전에 변경 사항을 미리 볼 수도 있습니다. 변경 사항을 초기화하려면 초기화를 클릭하세요.
페이지 맞춤 설정 (편집기를 사용한 고급 맞춤 설정)
기본 색상 및 글꼴 사용자 정의 외에도 Freshdesk 내장 코드 편집기를 통해 고급 포털 CSS 사용자 정의를 수행할 수 있습니다. 자세한 내용은 고급 포털 레이아웃 변경을 참조하세요.