티스토리 스킨 치환자 구조

 

 

 

티스토리 스킨 가이드를 보면서 스킨을 만들기 전 정리해봤습니다. 주관적으로 제작하는 과정을 기록하는 것이므로 기본 기능이더라도 일부 제가 사용하지 않을 기능들은 제외된 것이 있습니다.

 

 

 

1. 파일구조

아래는 스킨 제작에 필요한 파일들입니다. 필수요소가 아닌 것들은 images 폴더 아래에 위치합니다.

 

 

 

2. 스킨 정보 파일

 

index.xml 내부 형식

index.xml은 스킨에 필요한 정보를 담고 있는 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>댓글 &lt;span class="cnt"&gt;하나&lt;/span&gt; 달렸습니다.</single>
    </commentMessage>
    <trackbackMessage>
      <none>받은 트랙백이 없고</none>
      <single>트랙백이 &lt;span class="cnt"&gt;하나&lt;/span&gt;이고</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>

 

 

설정 기본값

name	표시되는 이름	lengthOfRecentNotice	최근 공지 표현될 글자수
version	스킨 버전	lengthOfRecentEntry	최근 글 표현될 글자수
description	스킨 상세 설명	lengthOfRecentComment	최근 댓글에 표현될 글자수
license	저작권	lengthOfRecentTrackback	최근 트랙백에 표현될 글자수
homepage	제작자 웹사이트 주소	lengthOfLink	링크에 표현될 글자수
email	연락할 이메일 주소	entriesOnPage	홈 화면 글 수
recentEntries	사이드바의 최근글 표시 갯수	entriesOnList	글 목록 글 수
recentComments	사이드바의 최근 댓글 표시 갯수	showListOnCategory	커버 미사용 홈에서 글 목록 표현(0:내용만, 1:목록만, 2: 내용+목록)
recentTrackbacks	사이드바의 최근 트랙백 표시 갯수	showListLock	홈 설정과 기본 설정에서 '목록 구성 요소' 항목의 노출 여부 결정 (0: 노출, 1: 노출 안 함)
itemsOnGuestbook	한페이지에 표시될 방명록 갯수	tree	카테고리.color, bgColor, activeColor, activeBgColor(선택 시), labelLength(표현될 카테고리 글자 수), showValue: 카테고리 글 수 표현(0:숨김, 1:보임), ontentWidth: 콘텐츠영역 가로 사이즈
tagsInCloud	사이드바에 표시될 태그 갯수
sortInCloud	태그 클라우드 표현 방식 (1:인기도순, 2:이름순, 3:랜덤)
expandComment	댓글영역 표현 방식 (0:감추기, 1:펼치기)
expandTrackback	트랙백영역 표현 방식 (0:감추기, 1:펼치기)	cover	홈 커버 기본값

 

트랙백은 글쓴이가 타인의 문서에 자신의 글 링크를 달 때 사용하는 linkback 방식 중 하나로 Refback, Trackback, Pingback, Webmention 등이 있다고 합니다. (출처) 다음 블로그는 엮인글로 표시되며 쉽게, 제목+링크+글 일부를 댓글처럼 올리는 것입니다. 검색엔진이 평가할 때 트랙백이 있는 글을 가치가 있는 글로 평가한다고 합니다. 트랙백을 사용하려면 반드시 트랙백주소를 활용해야 하며, 이 주소는 trackback이라는 단어가 url 안에 포함되어 있습니다. 다만 단점으로는 스팸광고로 이용될 수도 있습니다. 스팸 트랙백 차단 코드는 이 링크를 참고해주시면 되겠습니다. 

 

 

치환자 구조

그룹치환자, 값치환자의 2가지 형태를 가지고 있습니다. 그룹치환자는 내부에 스킨 데이터를 포함하며 렌더링된 값으로 변환됩니다. 값치환자는 해당하는 값으로 변환됩니다.

 

공통 치환자

스킨맛집	블로그 제목	https://skin-restaurant.tistory.com/rss	rss feed 주소
https://tistory1.daumcdn.net/tistory/4370483/attach/f20bd04bb94e4e1a94d763cf95ab2c25	블로그 대표 이미지 url	https://skin-restaurant.tistory.com/tag	태그로그 url
	블로그 대표 이미지를 포함한 IMG 태그	https://skin-restaurant.tistory.com/guestbook	방명록 url
This is skin restaurant.	블로그 설명	티스토리 스킨 치환자 구조	페이지 제목
skin-restaurant	블로그 소유자의 필명	홈 태그 방명록	블로그 메뉴 리스트
https://skin-restaurant.tistory.com/	블로그 url	tt-body-page	페이지 타입에 따른 id

 

 

광고 치환자

• [##revenue_list_upper##] : 블로그 홈/목록 상단
• [##revenue_list_lower##] : 블로그 홈/목록 하단

 

홈 커버 치환자

 

 

위와 같은 커버를 사용하려면 스킨 정보 파일 index.xml에 커버 아이템을 정의해야 합니다. (자세히)

 

<cover>
  <item>
    <name>featured</name>
    <label><![CDATA[Featured]]></label>
    <description><![CDATA[강조할 글을 표시합니다.]]></description>
  </item>
  <item>
    <name>list</name>
    <label><![CDATA[리스트]]></label>
    <description><![CDATA[글 리스트를 표시합니다.]]></description>
  </item>
</cover>

 

 

 

글 치환자

 

 

 

 

댓글

댓글 치환자 : <s_rp> 

 

 

리스트

 

 

사이드바

 

 

 

방문자수

 

 

 

검색