[stamp 3.0] 스킨 옵션 설정 방법과 미리보기

2016. 1. 3. 22:57, 티스토리/stamp, wallel

stamp 스킨이 3.0으로 버전업 되면서 목록이 두 가지로 굳었습니다.

기본인 웹진 형식과, 앨범형 목록입니다.

앨범형 목록은 imagesloaded 라는 플러그인이 우선 실행되어 썸네일 로딩을 기다립니다. (Safari 브라우저 버그로 인해 추가 : 윤민호님 제보 감사합니다)

썸네일 로딩이 완료되면 Masonry 라는 플러그인이 사용되어 자동 정렬되며, 가로 최대 개수는 3개입니다.

※ 블로그 초기 화면은 앨범으로 나오고, 가장 최근 작성한 글이 두 칸을 차지합니다.

list-masonry 앨범형 목록

사용법

<!DOCTYPE html>
<html lang="ko" class="no-js list-masonry">

본문 우측에 있는 사이드바를 좌측으로 옮길 수 있습니다.

옵션 적용 시 모바일에서도 사이드바가 좌측에서 나옵니다.

sidebar-left 좌측으로 이동한 사이드바

사용법

<!DOCTYPE html>
<html lang="ko" class="no-js sidebar-left">

티스토리는 새 글 작성시 사이드바 카테고리 위젯에 NEW 아이콘이 나타납니다.

아이콘은 확장성이 떨어지기에 stamp 3.0 부터 아이콘 대신 텍스트를 출력하게 했습니다.

이 텍스트는 원하는 문구 및 색상을 설정할 수 있는데요, skin.html 파일 제일 하단을 보면 다음 소스가 있습니다.

var new_text = "N"
var new_text_color = "#09a";

var new_text 는 새 글 작성시 출력하는 텍스트이고,

var new_text_color 는 글자 색상입니다.

원하는 문구 와 색상을 적용해 사용하면 됩니다.

wallel