탐색 모음에 새 탭 추가하기

수정일 일요일, 9 3월 시간: 2:23 PM

고객의 지원 포털에는 기본적으로 홈, 솔루션 및 포럼의 세 가지 탭이 제공됩니다. 이 중 하나를 보기에서 제거하는 것 외에도 사용자에게 더 많은 정보를 표시하는 아이디어를 생각해낼 수 있습니다. 가장 간단한 방법 중 하나는 탐색 모음에 탭을 추가하는 것입니다.

이 탭은 원하는 곳으로 연결할 수 있으며 다양한 방식으로 사용할 수 있습니다. 다음은 몇 가지 예입니다.

웹사이트로 돌아가는 간단한 링크 만들기 - 예를 들어 사용자를 정보 페이지로 안내하는 정보 탭
지원 포털의 섹션을 더 눈에 잘 띄게 만들기 - 예를 들어 포럼의 공지 사항 섹션으로 연결되는 뉴스 탭
각 페이지의 상단에 사용자에게 보여주고 싶은 모든 것.

설정하는 방법은 매우 간단합니다. 계속 진행하기 전에 이 조정을 하려면 레이아웃 및 페이지 수준 사용자 지정이 포함된 에스테이트 요금제를 사용 중이어야 한다는 점에 유의하세요. Freshdesk 평가판을 사용 중인 경우 이 방법을 사용해 볼 수 있습니다.

관리자로 지원 포털에 로그인합니다.

관리자 탭으로 가서 지원 채널 아래 있는 포털를 클릭합니다.

사용자 지정하려는 포털의 오른쪽 모서리에 있는 포털 사용자 지정 버튼을 클릭합니다.

레이아웃 및 페이지탭을 엽니다.

포털 레이아웃 섹션 안에 있는지 확인합니다.

헤더의 코드를 다음으로 바꿉니다(완전히 제거하고 아래에서 복사하여 붙여넣기)

<header class="banner">

<div class="banner-wrapper">

<div class="banner-title">

{{ 포털 | 로고 }}

<h1 class="줄임표 제목">{{ portal.name }}</h1>

</div>

<nav class="banner-nav">

{{ portal | welcome_navigation }}

</nav>

</div>

</header>

<nav class="page-tabs" >

{% if portal.tabs.size > 0 %}

<a data-toggle-dom="#header-tabs" href="#" data-animated="true" class="mobile-icon-nav-menu show-in-mobile"></a>

<div class="nav-link" id="header-tabs">

{% for tab in portal.tabs %}

{% if tab.url %}

<a href="{{tab.url}}" class="{% if tab.tab_type == portal.current_tab %}{% if topic.id != 포럼 주제 아이디는 여기로 %}active{% endif %}{% endif %}">

{{ tab.label }}

</a>

{% endif %}

{% endfor %}

<a href="포럼 링크는 여기로" class="{% if topic.id == 포럼 주제 아이디는 여기에 %}active{% endif %}">탭의 이름은 여기에</a>



</div>

{% endif %}

</nav>

탭을 포털의 내부 페이지에 연결하려면 강조 표시된 섹션에서 필요한 사항을 변경하세요. 이 예에서는 포럼 주제를 만들어야 합니다. 토픽의 전체 링크를 href 속성에 붙여넣을 수 있습니다.

유사하게, 주제 ID는 URL의 끝, 제목 바로 앞에 있습니다. 다음 예시를 참조하세요.
https://support.freshdesk.com/solution/categories/71599/folders/142309/articles/83289-adding-a-new-tab

대신 외부 페이지로 링크하는 경우 앵커 태그에서 다음 코드를 제거할 수 있습니다.
{% if topic.id == 포럼 주제 ID가 여기로 이동 %}active{% endif %}

유사하게, .
라고 표시된 코드에 앵커 태그를 더 추가하여 여러 탭을 추가할 수 있습니다
변경 사항을 설정에 저장하고 미리 보기를 클릭합니다. 오류가 있는 경우 코드를 다시 한 번 검토해 주세요.

모든 것이 정상으로 보이면 저장 후 게시 버튼을 눌러 변경 사항을 마무리합니다.

이 예에서는 포럼 주제를 탭의 랜딩 페이지로 사용했습니다. 필요한 경우 여기에 솔루션 문서나 폴더를 사용할 수도 있습니다. 이 경우 사용 중인 링크의 종류에 따라 topic.id 자리 표시자를 바꿔야 합니다. 자세한 내용은 동적 플레이스홀더 API 문서를 참조하세요.