티스토리 스킨 가이드

티스토리 스킨 가이드

티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토리의 디자인이 완성됩니다.

이 문서는 스킨에서 사용하는 치환자에 대해 설명합니다.

파일구조

SKIN ─┬─ index.xml
      ├─ skin.html
      ├─ style.css
      ├─ preview.gif
      ├─ preview256.jpg
      ├─ preview560.jpg
      ├─ preview1600.jpg
      └─ images ─┬─ script.js
                 ├─ background.jpg
                 ├─ background.jpg
                 └─ background.jpg

index.xml

스킨 정보 파일로 자세한 내용은 '스킨 정보 파일' 장에서 다룹니다.

skin.html

스킨의 메인 템플릿 파일로 치환자를 사용해 각 url에 해당하는 HTML 결과물로 치환됩니다.

style.css

css 분리를 위한 파일이며 skin.html과 마찬가지로 스킨에디터에서 편집할 수 있습니다.

preview

티스토리 각 영역에서 미리보기를 표시하기 위한 파일압니다.

• preview.gif : 미리보기 기본 파일로 아래 파일이 없는 경우에 사용 (112x84)
• preview256.jpg : 사용 중인 스킨 미리보기 (256x192)
• preview560.jpg : 스킨 목록 미리보기 (560x420)
• preview1600.jpg : 스킨 상세보기 미리보기 (1600x1200)

images

필수요소가 아닌 파일은 모두 images 아래에 위치하게 됩니다. image, script, css 등을 업로드하여 스킨에서 사용합니다.