[stamp 3.0] 스킨 옵션 설정 방법과 미리보기
2016. 1. 3. 22:57,
티스토리/stamp,
앨범형 목록 <html class="list-masonry">
stamp 스킨이 3.0으로 버전업 되면서 목록이 두 가지로 굳었습니다.
기본인 웹진 형식과, 앨범형 목록입니다.
앨범형 목록은 imagesloaded 라는 플러그인이 우선 실행되어 썸네일 로딩을 기다립니다. (Safari 브라우저 버그로 인해 추가 : 윤민호님 제보 감사합니다)
썸네일 로딩이 완료되면 Masonry 라는 플러그인이 사용되어 자동 정렬되며, 가로 최대 개수는 3개입니다.
※ 블로그 초기 화면은 앨범으로 나오고, 가장 최근 작성한 글이 두 칸을 차지합니다.
앨범형 목록
사용법
<!DOCTYPE html>
<html lang="ko" class="no-js list-masonry">
좌측 사이드바 <html class="sidebar-left">
본문 우측에 있는 사이드바를 좌측으로 옮길 수 있습니다.
옵션 적용 시 모바일에서도 사이드바가 좌측에서 나옵니다.
좌측으로 이동한 사이드바
사용법
<!DOCTYPE html>
<html lang="ko" class="no-js sidebar-left">
새 글 작성시 나오는 N 글자 변경
티스토리는 새 글 작성시 사이드바 카테고리 위젯에 NEW 아이콘이 나타납니다.
아이콘은 확장성이 떨어지기에 stamp 3.0 부터 아이콘 대신 텍스트를 출력하게 했습니다.
이 텍스트는 원하는 문구 및 색상을 설정할 수 있는데요, skin.html 파일 제일 하단을 보면 다음 소스가 있습니다.
var new_text = "N" var new_text_color = "#09a";
var new_text
는 새 글 작성시 출력하는 텍스트이고,
var new_text_color
는 글자 색상입니다.
원하는 문구 와 색상을 적용해 사용하면 됩니다.