이전 글에서 소개 했듯이 티스토리에서 홈커버는 블로그의 홈화면 스타일이다. 나는 Poster 스킨에서 제공하는 홈커버 스타일들 중에, '슬라이드' 커버가 마음에 들어서 이 스킨을 기본으로 코드를 조금씩 수정해 사용할 것이다. 그런데 기본 스킨이 제공하는 슬라이드 커버는 각 슬라이드 페이지 마다 동일한 디자인을 갖도록 코드가 작성되어 있다. 예를 들면, 기본 스킨은 각 슬라이드 페이지마다 배경사진이 있고, 글의 카테고리, 글의 제목, 간단 소개, 자세히보기 버튼 으로 구성되어 있도록 코드가 작성되어있다. 아래 그림은 티스토리에서 제공하는 poster 스킨 적용예시 블로그에서 가져온 슬라이드 페이지이다. 이해에 도움이 되도록 사진을 가져와봤다. 나는 이 슬라이드 커버를 내 블로그의 소개 슬라이드로 사용하고자..

스킨을 수정하려면, 스킨 코드를 어느정도는 이해해야한다. 따라서 이 글에서는 티스토리에서 배포하는 스킨들의 기본 구조를 소개하고자 한다. Skin 코드 구성_____ 먼저 티스토리에서 배포하는 스킨들은 모두 동일한 코드 구성을 갖는다. 이러한 스킨 코드 구성을 먼저 알아보자. 맘에드는 스킨의 코드를 하나 다운받아 보면, 아래 그림과 같은 디렉토리로 구성되어 있음을 확인할 수 있다. 스킨 구성에 중요한건 1) index.xml, 2) skin.html 그리고 3)style.css 요 세 가지 파일이다. (html/css에 익숙치 않은 분들은 그냥 skin.html이 스킨을 정의하는 파일 이란 것만 알고 넘어가도 좋다.) 1) index.xml은 스킨에 대한 정보 (제작자 정보, 지원 커버 스타일 목록 ....