티스토리 스킨 만들기 (1) - 티스토리 스킨의 특징
반응형
하나의 템플릿
검색결과, 위치로그, 방명록, 글, 카테고리, 글 목록 등 모든 메뉴는 skin.html
이라는 하나의 템플릿으로 모두 정의합니다. 보이는 내용에 따라 다른 페이지를 구현할 수는 있겠지만, 모든 정보를 하나의 파일에 넣어야 하기 때문에 불러올 skin.html
의 크기가 커져서 페이지를 로딩하는데 걸리는 시간이 아주 길어지게 될겁니다.
아래에 다룰 치환자를 사용해 표시할 내용의 레이아웃을 정할 수 있습니다.
치환자
skin.html
에서 공통요소들을 정한 다음 치환자를 이용해 개별 요소를 표시하도록 만들 수 있습니다.<s_{치환자}> {내용} </s_{치환자}>
형태의 그룹치환자와 형태의 값 치환자가 있습니다.
치환자의 종류와 상세한 설명은 아래의 스킨가이드 페이지를 참고하세요.
그룹 치환자
그룹치환자는 영역을 지정하는 역할을 합니다.
방문자가 어떤 페이지를 보는지에 따라 그룹 안의 내용이 보이기도 하고 감춰지기도 합니다.
또한, 그룹 치환자를 사용한 영역 안에서는 특별한 값 치환자를 사용할 수 있습니다.
그룹 치환자는 HTML 태그 형식으로 되어 있으며, 해당하는 영역이 끝나는 지점에서 반드시 닫는 그룹치환자를 삽입해야 합니다.
값 치환자
값 치환자는 지정한 영역을 페이지나 영역에 따라 결정되는 값으로 변경합니다.
어디서나 사용 가능한 공통 치환자와 감싸고 있는 그룹 치환자에 따라서 쓸 수 있는 특별한 값 치환자들이 있습니다.
반응형
'프로그래밍 > 웹 프로그래밍' 카테고리의 다른 글
jQuery: 티스토리 마크다운을 지원하는 목차 생성 스크립트 (0) | 2019.04.08 |
---|---|
티스토리 스킨 만들기 (4) - CSS 개요 (0) | 2018.11.29 |
티스토리 스킨 만들기 (3) - 기본 홈, 포스트, 사이드바 (0) | 2018.11.28 |
티스토리 스킨 만들기 (2) - HTML 개요 (0) | 2018.11.28 |
showdown.js를 사용하여 티스토리에 마크다운 적용하기 (0) | 2018.11.15 |
댓글