사용 안내서 취소

디자인 옵션의 부분

개요

Captivate에서 디자인 옵션의 구성 요소를 이해하는 것은 자신의 사용자 정의 디자인을 만드는 데 필수적입니다. 또한 CSS 속성에 대한 기본 지식은 조직의 테마 및 표준에 맞는 디자인을 사용자 정의하는 데 필요합니다.

디자인 옵션 폴더의 파일

모든 디자인 옵션 폴더에는 세 개의 파일이 있습니다.

  • designOption.json - 스타일을 정의하고 텍스트 사전 설정을 지정하고 태블릿, 모바일 또는 데스크탑 보기용 사용자 정의 디자인에 대한 태그 및 레이아웃을 추가하는 데 사용하는 파일입니다. 텍스트 편집기를 사용하여 이 파일의 값을 편집합니다.
  • localized.json - 사용자 정의 디자인 옵션의 이름과 설명을 제공합니다. 여기에 있는 이름은 시각적 속성 패널에서 축소판 위로 마우스를 가져가면 나타나는 디자인 옵션의 이름과 일치합니다.
  • Thumbnail.png - 시각적 속성 패널에 있는 해당 디자인 옵션의 시각적 표현. 사용자는 사용자 정의 디자인 옵션의 이미지로 사용자 정의 축소판을 추가할 수 있습니다.
참고:

텍스트/HTML 편집기를 사용하여 JSON 파일을 열고 편집할 수 있습니다.  폴더에 designOption.json, localized.jsonThumbnail.png 파일이 들어 있는지 확인합니다.

다음은 텍스트/HTML 편집기에서 열린 디자인 옵션의 예입니다. 이 경우 사용되는 편집기는 Visual Studio 코드입니다.

이것은 designOption JSON 파일의 예입니다
CSS 스타일 및 속성을 포함하는 사용자 정의 디자인 옵션 JSON

이것은 디자인 옵션의 현지화된 JSON 파일 이미지입니다.
사용자 정의 디자인 옵션의 이름 및 설명이 포함된 현지화된 JSON 파일

이것은 축소판 PNG 파일의 이미지입니다.
사용자 정의 디자인 옵션의 축소판 - PNG 파일

JSON 파일의 다양한 필드에 대한 설명

키 이름

설명

필수

'type'

문자열

디자인 옵션을 작성할 콘텐츠 블록, 구성 요소 또는 슬라이드 레이아웃입니다.

'name'

문자열

디자인 옵션의 이름입니다. 필드 값을 $$name으로 추가하고 localized.json에서 동일한 항목을 현지화하세요. Captivate 설치 폴더에 있을 수 있는 기존 디자인 옵션 예를 참조하세요.

'description'

문자열

디자인 옵션에 대한 설명입니다. 필드 값을 $$description name으로 추가하고 'name'과 유사한 localized.json에서 동일한 항목을 현지화하세요.

'version'

버전 번호 형식의 문자열 예: '1.0'

디자인 옵션의 버전

'designOptionId'

문자열

디자인 옵션을 고유하게 나타내는 디자인 옵션 ID. 이 옵션은 다른 디자인 옵션에서 사용할 수 있습니다.

'isDefault'

'true', 'false'

디자인 옵션이 기본값으로 설정되어 있는지 여부를 나타냅니다. 디자인 옵션이 기본값으로 표시되어 있으면 콘텐츠 블록이나 구성 요소를 삽입할 때 자동으로 적용됩니다.

아니요

'thumbnail'

문자열

디자인 옵션 json 파일과 동일한 폴더에 복사된 파일 이름입니다. 이 이미지는 시각적 속성 패널에서 축소판으로 사용됩니다.

'styles'

배열

'styles' 배열에는 지정된 콘텐츠 블록 또는 구성 요소에 대한 요소 목록의 항목과 해당 스타일이 포함됩니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?