스킨의 기본 구조는 다음과 같다.
<출처 : https://tistory.github.io/document-tistory-skin/>
SKIN ─┬─ index.xml
├─ skin.html
├─ style.css
├─ preview.gif
├─ preview256.jpg
├─ preview560.jpg
├─ preview1600.jpg
└─ images ─┬─ script.js
├─ background.jpg
├─ background.jpg
└─ background.jpg
스킨 정보 파일로 자세한 내용은 '스킨 정보 파일' 장에서 다룹니다.
스킨의 메인 템플릿 파일로 치환자를 사용해 각 url에 해당하는 HTML 결과물로 치환됩니다.
css 분리를 위한 파일이며 skin.html
과 마찬가지로 스킨에디터에서 편집할 수 있습니다.
티스토리 각 영역에서 미리보기를 표시하기 위한 파일압니다.
스킨에 필요한 정보를 담고 있는 xml 파일로 이 파일이 변경되면 스킨의 모든 설정이 초기화됩니다.
<?xml version="1.0" encoding="utf-8"?>
<skin>
<information>
<name>기본 스킨</name>
<version>1.1</version>
<description>
<![CDATA[웹표준을 준수한 XHTML 기반의 Tistory 기본 스킨입니다.]]>
</description>
<license>
<![CDATA[자유롭게 수정이 가능하며, 저작권 표시하에 재배포 가능합니다.]]>
</license>
</information>
<author>
<name>tistory</name>
<homepage>http://notice.tistory.com</homepage>
<email>tistoryblog@daum.net</email>
</author>
<default>
<recentEntries>5</recentEntries>
<recentComments>5</recentComments>
<recentTrackbacks>5</recentTrackbacks>
<itemsOnGuestbook>10</itemsOnGuestbook>
<tagsInCloud>30</tagsInCloud>
<sortInCloud>3</sortInCloud>
<expandComment>0</expandComment>
<expandTrackback>0</expandTrackback>
<lengthOfRecentNotice>25</lengthOfRecentNotice>
<lengthOfRecentEntry>27</lengthOfRecentEntry>
<lengthOfRecentComment>30</lengthOfRecentComment>
<lengthOfRecentTrackback>30</lengthOfRecentTrackback>
<lengthOfLink>30</lengthOfLink>
<showListOnCategory>1</showListOnCategory>
<showListOnArchive>1</showListOnArchive>
<commentMessage>
<none>댓글이 없습니다.</none>
<single>댓글 <span class="cnt">하나</span> 달렸습니다.</single>
</commentMessage>
<trackbackMessage>
<none>받은 트랙백이 없고</none>
<single>트랙백이 <span class="cnt">하나</span>이고</single>
</trackbackMessage>
<tree>
<color>000000</color>
<bgColor>ffffff</bgColor>
<activeColor>000000</activeColor>
<activeBgColor>eeeeee</activeBgColor>
<labelLength>27</labelLength>
<showValue>1</showValue>
</tree>
<contentWidth>500</contentWidth>
</default>
</skin>
스킨 목록, 상세보기에서 표시되는 정보입니다.
스킨 정보에서 표시할 제작자 정보입니다.
스킨의 설정 기본값입니다. 이를 통해 스킨 적용하면 제작자가 추천하는 설정을 제공할 수 있습니다.
홈 커버에 사용한 아이템을 정의합니다. 자세한 내용은 '홈 커버 > 정의' 장에서 설명합니다.
스킨 옵션에서 제공할 옵션을 정의합니다. 자세한 내용은 '스킨 옵션 > 옵션 정의' 장에서 설명합니다.
CSS(스타일시트) - 구글 웹폰트 사용하기(크롬) (0) | 2019.01.23 |
---|---|
[애드센스] 첫 수익금 지급 받기 (0) | 2019.01.02 |
티스토리(Tistory) 스킨(Skin) 제작기 - 프롤로그(Prologue) (0) | 2018.12.25 |
Gmail(지메일)과 네이버 메일 가져오기 연동 (0) | 2018.11.08 |
나의 애드센스 경험기 [서론] (0) | 2017.03.17 |