본문 바로가기

티스토리스킨/반응형 1단 스킨

티스토리 반응형 스킨 123 - 반응형 스쿨룩2 스킨 배포합니다.

반응형
2022.06.21 Version 1.1 패치
------------------------------------------
왼쪽에 고정된 자동 목차 기능 사용시, 페이지를 스크롤 하면 현재 위치의 자동 목차 항목이 하일라이트되는 기능 추가.
기존 사용자는 전체 스킨을 재 적용해야 합니다.

 

긴 내용의 글을 제공하는 블로그와 모바일 방문자가 많은 블로그에 최적화된 반응형 스킨으로 이용자 사용성이 초점을 두고 제작된 스킨입니다.

다양한 커버페이지 항목들을 지원합니다.

 

 

미리보기 화면에서 웹 브라우저 너비를 줄이면 모바일 화면에서 어떻게 보이는지 확인할 수 있습니다.

 

 

123 반응형 스쿨룩2 스킨 미리보기 #1

 

123 반응형 스쿨룩2 스킨 미리보기 #2

 

스킨 다운로드

 

 

 

1. 스쿨룩2 스킨 주요 특징

 

  • 1단 반응형 스킨
  • 모바일 사용에 더 최적화된 레이아웃
  • 다크모드 지원
  • 자동 목차 사이드 고정 기능 지원
  • 사이드바 모듈을 감추어진 사이드바 메뉴와 블로그 하단에 구분해 표시
  • 커버 슬라이더 기능 개선
  • 6가지 썸네일 목록 표시 방법 지원(모바일 2가지)

 

2. 자동 목차 사이드 고정 기능 지원

컨텐츠 영역 상단에 표시되는 자동 목차를 컨텐츠 영역 바깥 왼쪽에 고정 위치로 표시하는 옵션을 지원합니다.

긴 글을 읽을 때 원하는 목차 위치로 빠르게 이동할 수 있어, 긴 글을 많이 포스팅할 경우, 글의 가독성을 높이는데 도움이 됩니다.

자동 목차 사이드 고정 기능은 데스크탑 화면에서만 지원되며, 목차가 표시될 수 있는 영역만큼 좌우에 여백이 있을 때만 자동으로 적용됩니다.

 

자동 목차 사이드 고정 기능 옵션

 

 

 

 

3. 다크모드 지원

블로그 오른쪽 상단에 다크모드/라이트모드 전환 토글 아이콘을 표시할 수 있으며, 다크모드와 라이트모드를 사용자가 직접 전환해서 적용할 수 있습니다.

설정한 보기 모드는 사용자가 로컬 쿠키를 삭제하기 전에는 그대로 유지됩니다.

 

헤더-다크모드 표시 옵션

 

 

4. 다양한 썸네일 목록 표시 방법 지원

데스크탑 화면에서는 6가지, 모바일 화면에서는 2가지의 썸네일 목록 타입을 지원합니다.

데스크탑 썸네일 목록 중 한 행에 4개를 표시하는 경우는 예외적으로 태블릿 화면 너비에서 한 행에 2개 보기로 자동 변경됩니다.

 

6가지 데스크탑 & 2가지 모바일 화면 글목록 타입

 

 

 

 

5. 글목록 디자인과 같은 레이아웃을 지원하는 커버 리스트 지원

커버페이지 항목 중 "커버 리스트" 항목은 글 목록과 동일한 레이아웃을 지원합니다. 글목록 표시 타입으로 한 행에 4개의 썸네일 항목을 표시하도록 설정했으면, "커버 리스트" 항목도 동일하게 한 행에 4개의 썸네일 항목이 표시됩니다.

원하는 글만을 임의로 모아서 블로그 메인에 표시하고 싶은 경우 다른 커버 페이지 항목을 모두 지우고 "커버 리스트" 만으로 블로그 메인 페이지를 구성해서 글 목록을 표현할 수 있습니다.

 

 

커버 리스트

 

 

6. 스킨 옵션 설정 항목들

 

80여 가지 다양한 스킨 설정 옵션을 제공합니다.

 

반응형

Comments





❌ 닫기