헬프 센터 CSS를 사용자 지정하여 문서에 고지 사항을 추가하세요. 고지 사항은 사용자의 주의를 끌고 주제에 대한 중요한 정보나 추가적인 전후상황을 강조 표시합니다. 다음은 메모 고지 사항의 예입니다.

고지 사항: 이 문서는 안내 목적으로만 제공되고 있습니다. Zendesk는 코드를 지원하거나 보장하지 않습니다.

이 워크플로우에는 다음 단계가 포함됩니다.

  • 1단계: CSS 기본서식 사용자 지정
  • 2단계: 문서 소스 코드에 고지 사항 HTML 추가

1단계: 기본서식 CSS 사용자 지정

고지 사항 메모를 추가하려면 헬프 센터 테마를 편집하여 CSS에 고지 사항 스타일을 추가해야 합니다. 

헬프 센터 기본서식 CSS를 편집하려면 다음과 같이 하세요.

  1. Guide에서디자인 사용자 지정아이콘()
  2. 라이브 테마를 찾아사용자 지정 을 클릭합니다.
  3. 코드 편집을 클릭합니다.
  4. 파일아래에서style.css 를 클릭합니다.
  5. 아래 코드 스니펫을 추가하세요. 
    /***** Note *****/

.callout {
 		background-color: #fcf4b9;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
  6. 게시를 클릭합니다.

2단계: 문서 소스 코드에 고지 사항 HTML 추가

CSS가 업데이트된 후 이제 문서의 HTML 소스 코드에 고지 사항을 삽입할 수 있습니다.

문서에 메모를 추가하려면 다음과 같이 하세요.

  1. 문서에서소스 코드 아이콘()
  2. 메모를 배치하려는 위치를 찾습니다. 아래 코드를 복사하여 붙여넣으세요. 바꾸기 These are the words that will go in your note!추가할 수 있습니다.  
    <div class="callout">These are the words that will go in your note!</div>
  3. 적용 을 클릭하여 소스 코드의 변경 내용을 저장합니다.
  4. 문서를 저장하거나 게시하고보기를 클릭하여 문서에 메모가 나타나는지 확인합니다. 고지 사항은 다음과 같이 표시됩니다.
    다음은 메모에 들어갈 단어입니다!

자세한 내용은 헬프 센터 테마 사용자 지정하기 문서를 참조하세요.

번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.

번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.

Zendesk 제공