이 문서에서는 고객 포털을 디자인할 수 있는 고급 포털(테마) 사용자 지정 옵션에 대해 자세히 설명합니다.

Freshdesk는 기본 색상 및 글꼴 옵션 외에도 지원 포털의 모든 세부 사항을 정의할 수 있는 고급 포털 사용자 지정 기능도 제공합니다. 개발자 친화적인 코드 편집기를 사용하여 고급 CSS 사용자 지정을 적용하여 포털 구조와 레이아웃을 디자인할 수 있습니다. 예를 들어 양식 버튼의 레이아웃을 변경하거나 지식창고 및 커뮤니티 섹션의 모양을 수정할 수 있습니다.

Tip: 코드 편집기 내의 다양한 자리 표시자를 사용하여 요소를 자동으로 추가할 수 있습니다.

포털 페이지 및 레이아웃 보기 및 액세스

코드 편집기를 사용하여 고급 레이아웃 및 페이지 사용자 지정을 수행하려면:

1. 관리자로 이동하여 포털 옆에 있는 편집을 클릭합니다.
2. 표시 탭으로 전환합니다.
3. 표시 탭에서 편집할 테마를 선택합니다. 라이브 테마를 편집하려면 테마 복제 및 편집을 클릭합니다. 사용 가능한 다른 테마를 변경하려면 테마 수정을 클릭합니다.
4. 포털 사용자 정의 페이지로 리디렉션됩니다.
5. 페이지 탭으로 전환합니다. 여기에서 포털의 여러 섹션을 사용자 지정할 수 있습니다.
   
6. 코드 에디터에서 해당 CSS를 보려면 왼쪽 창의 각 페이지/섹션을 클릭하세요. 사용자 지정할 수 있는 섹션은 다음과 같습니다:
   1. 레이아웃
   2. 페이지

페이지 레이아웃 개인화

레이아웃 섹션에서는 머리글, 바닥글, 페이지 레이아웃 등 포털의 주요 구성 요소를 사용자 지정할 수 있습니다.

헤더:

헤더는 헬프 데스크에 표시하려는 탭 및 상단 탐색 요소로 구성됩니다. 외부 스타일 및 미리 로드된 스크립트에 대한 링크를 추가할 수도 있습니다. Header }} 태그를 사용하여 머리글을 부분적으로 호출할 수 있습니다.

바닥글:

바닥글에는 저작권 텍스트 등의 정보가 포함됩니다. 타사 도구에 자바스크립트 스니펫을 외부로 내보낼 수도 있습니다. 바닥글은 {{ footer }} 태그를 사용하여 부분적으로 사용할 수 있습니다.

페이지 레이아웃:

이 부분은 테마에서 가장 중요한 부분으로, 모든 작동 방식을 제어합니다. 페이지 레이아웃에는 다음과 같은 마크업이 포함되어야 합니다:

{{ header }} - 는 헤더 코드로 대체됩니다

{{ footer }} - 는 바닥글 코드로 대체됩니다

{{ content_for_layout }} - 는 특정 페이지 수준 사용자 지정으로 대체됩니다(예: 포털 홈, 토론 홈, 솔루션 홈). 참고: 코드에서 이 자리 표시자를 제거하지 마세요.

{{ content_for_layout }} 태그는 특정 포털 페이지에서 해당 정보를 가져오는 부분입니다. 예를 들어 특정 솔루션 문서를 클릭하면 페이지 레이아웃에 상단에 {{ 머리글 }}, 하단에 {{ 바닥글 }}이 표시되고 {{ Content_for_layout }} 영역이 솔루션 문서(및 모든 레이아웃과 스타일)로 바뀝니다.

페이지 레이아웃 사용자 지정

고객 포털에는 브랜드 및 회사 스타일에 맞게 쉽게 사용자 지정하고 디자인할 수 있는 17개의 페이지가 포함되어 있습니다. 다양한 포털 섹션과 페이지는 다음과 같습니다

1. 일반
   • 포털 홈
   • 로그인 페이지
   • 새 사용자 가입
   • 검색 결과
2. 솔루션
   • 솔루션 홈
   • 기사 목록
   • 기사 보기
   • 솔루션 카테고리 홈
3. 토론
   • 토론 홈
   • 토론 카테고리 홈
   • 주제 목록
   • 내 주제
   • 토픽 보기
   • 새 주제
4. 티켓
   • 새 티켓
   • 티켓 목록
   • 티켓 상세정보

일반

포털 홈

이것은 포털의 홈 페이지입니다. 기본적으로 포털 홈에는 최근 지식창고, 포럼 게시물에 대한 링크 및 사용자가 로그인하거나 새 티켓을 제출할 수 있는 옵션이 표시됩니다. 환영 메시지, 전화번호, 스토어의 최신 제품 링크 등을 추가할 수 있습니다.

로그인 페이지

사용자를 위한 로그인 페이지입니다. 코드를 보려면 왼쪽 패널에서 로그인 페이지를 클릭합니다. 사용된 코드 스니펫은 {% snippet login_form %}입니다.

신규 사용자 가입

사용자를 위한 가입 페이지입니다. 이미 통합 인증을 사용 중이라면 이 단계를 건너뛸 수 있습니다. 양식의 코드 조각은 다음과 같습니다

{% 코드 조각 signup_form %} {% snippet agent_login %}

검색 결과

고객이 포털에서 검색할 때 결과 페이지의 레이아웃을 정의합니다.

솔루션 홈
이 페이지가 기본 솔루션 페이지입니다. 모든 카테고리를 표시하고 각 카테고리 아래에 폴더를 정리하도록 사용자 지정할 수 있습니다. 각 카테고리 아래에 카테고리 설명을 표시할 수도 있습니다.

기사 목록
이 문서는 특정 폴더 아래의 문서 목록입니다입니다. 폴더 설명을 추가해 보세요.

기사 보기
각 솔루션 문서의 상세 보기입니다. 첨부 파일, 이미지 및 투표 옵션이 어떻게 표시되는지 정의할 수도 있습니다.

솔루션 카테고리 홈
특정 카테고리와 폴더를 표시하는 카테고리 홈 페이지입니다, 하위 폴더 및 카테고리 내 문서가 표시되는 홈 페이지입니다.
토론
포럼의 계층 구조는 카테고리 > 토론 > 주제입니다. 포럼을 만들고 포럼을 관리하는 방법에 대한 자세한 내용은 커뮤니티 포럼 설정하기를 참조하세요.

주:포털에서 포럼을 활성화 또는 비활성화하고 포럼 주제 공개 여부를 제어하는 등의 기능을 사용할 수 있습니다. 자세한 내용은 포털 섹션 관리를 참조하세요. 

토론 홈
이것은 기본 포럼 페이지입니다. 여기에서 다양한 포럼 카테고리를 표시할 수 있습니다.

토론 카테고리 홈
이 페이지의 카테고리 이름을 클릭하면 나타납니다. 모든 포럼과 모든 주제로 구성되어 있습니다.

토픽 목록
특정 포럼 아래의 모든 주제 목록입니다.

내 토픽
이 페이지에는 사용자가 토픽에서 팔로우 버튼을 클릭하여 팔로우하는 토픽의 목록이 포함되어 있습니다. 이 페이지는 로그인한 사용자만 볼 수 있으며, 팔로우하는 토픽의 수가 5개 이상인 경우에만 표시됩니다. 기본 보기에서 '내 주제' 섹션은 토론 홈 페이지의 오른쪽 패널에서 토론 홈 페이지에서 볼 수 있습니다. 또한 사용자가 모든 주제 보기 버튼을 클릭하면 내 주제 페이지가 표시됩니다.

토픽 보기
특정 포럼 주제 토론글의 모양을 정의하는 항목입니다. 댓글 표시 방식을 사용자 지정하고 주제 또는 포럼 유형에 따라 각 토론글의 모양과 느낌을 스타일화할 수 있습니다.

새 토픽
이 페이지는 사용자가 토픽 게시 버튼을 클릭하면 나타납니다. 새 토픽 양식의 코드조각은 {% 코드조각 new_topic_form %}입니다.
티켓
포털에서 티켓 섹션 또는 옵션은 기본적으로 활성화되어 있습니다. 하지만 비활성화하여 티켓의 표시 여부를 제어하고, 고객에게 표시할 티켓 양식을 선택하는 등의 작업을 할 수 있습니다. 자세한 내용은 포털 섹션 관리하기를 참조하세요.
새 티켓
레이아웃 티켓 양식 사용자 지정 및 디자인하기를 참조하세요. 고객에게 표시될 티켓 양식의 목록을 결정할 수도 있습니다. 티켓 양식은 고객이 포털에서 티켓 제출 버튼을 클릭하면 나타납니다. 새 티켓 양식의 코드조각은 {% snippet new_ticket_form %}입니다.

티켓 목록
이 페이지는 사용자가 을 클릭하면 나타납니다;티켓 상태 확인 링크를 클릭하면 이 페이지가 표시됩니다. 이 페이지에는 특정 사용자가 만든 모든 티켓과 그 상태가 나열됩니다.

티켓 세부정보
이 페이지는 사용자가 상태를 확인하기 위해 자신이 만든 특정 티켓을 클릭하면 나타납니다. 고객은 티켓에 답장하고 상태를 변경하는 등의 작업을 할 수 있습니다.