템플릿 기본요소

/templets/플러그인명/package.json 템플릿 정보 (필수)

/templets/플러그인명/style.css 템플릿 디자인이 정의된 스타일시트파일 (필수)

package.json 작성하기

{
  "id":"템플릿 고유 ID (영어소문자 및 숫자로 이루어진 도메인형태 / 예 : com.yourdomain.minitalk.templet.uniquename)",
  "title":{
    "ko":"템플릿명(ko)"
  },
  "version":"1.0.0",
  "author":{
    "name":"제작자 성명",
    "email":"제작자 이메일주소"
  },
  "homepage":"제작자 홈페이지 주소 (지원)",
  "language":"ko"
}

템플릿명은 다양한 언어코드를 지원할 수 있습니다.

"언어코드":"해당 언어에 대한 템플릿명"

"title":{
  "ko":"템플릿명",
  "en":"TempletName"
}

style.css 파일 작성하기

미니톡 채팅위젯은 기본적으로 고정된 DOM 구조를 가지며, 해당 DOM 구조는 변경할 수 없습니다.

따라서 기본 템플릿의 style.css 파일을 참고하여, 원하시는 영역의 스타일을 정의하는 방식으로 템플릿을 제작할 수 있습니다.

기본템플릿의 style.css 에는 미니톡 채팅위젯의 기본 DOM 구조를 파악하기 쉽도록, 상위 객체 부터 하위객체까지 모두 정의되어 있으며, 특정부분의 DOM 구조를 파악하시려면 사용하시는 브라우저의 개발자도구를 이용하여 원하는 곳의 DOM 구조를 파악하실 수 있습니다.

또한 템플릿과 별도로 미니톡 채팅위젯의 기본 스타일이 정의되어 있는 /styles/widget.css 파일에 정의된 스타일을 수정하고자 할 경우, 템플릿의 style.css 파일에 /styles/widget.css 에 정의된 동일한 selector 로 원하는 스타일을 재정의하면 적용됩니다.