[기본] 티스토리 - 파일구조

TIS 스킨가이드

 

1.

티스토리에서는 스킨을 자유롭게 디자인 가능.

2.

스킨은 치환자를 사용하여 제작되고,
사용된 치환자에는 티스토리 데이터가 대입되어 티스토리 디자인이 완성됨.

 

3.

 

스킨에서 사용하는 치환자에 대해 설명 예정.

 

TIS 파일구조

 

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

스타일파일.
skin.html과 마찬가지로 스킨에디터에서 편집 가능.

preview

티스토리 각 영역에서, 미리보기 표시 위한 파일.

preview.gif

미리보기 기본 파일.

아래 파일이 없는 경우에 사용 (112x84)

 

preview256.jpg

사용 중인 스킨 미리보기 (256x192)

 

preview560.jpg

스킨 목록 미리보기 (560x420)

 

preview1600.jpg

스킨 상세보기 미리보기 (1600x1200)

 

images

필수 요소 아닌 파일은 모두 images 안에 위치. 

image, script, css 등 업로드해 스킨에서 사용.