본문 바로가기

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

티스토리 반응형 스킨 115 - 반응형 2단 보더리스2 버전 3.0 배포합니다.

반응형

115 보더리스2 버전1의 기능 개선판 스킨입니다.

 

브라우저 화면 전체를 사용하는 와이드한 스킨이며, 블로그 각 영역을 경계선으로 구분해서 그리드 형태의 레이아웃을 가집니다.

구 버전에서는 할 수 없었던 경계선 두께와 색상을 변경할 수 있도록 스킨 옵션 항목이 추가되었습니다.

 

 

 

반응형 2단 보더리스2 버전 3.0 다운로드

 

 

 

 

v3 버전에서 추가된 주요 기능들은 다음과 같습니다.

 

 

1. 경계선 색상과 두께를 스킨 옵션 설정에서 변경할 수 있습니다.

 

영역 구분 테두리선 두께와 색상 선택 옵션

 

테두리 두께와 색상을 변경한 화면

 

2. 글 목록 한 행에 최대 4개까지 썸네일을 표시할 수 있습니다.

 


3. 외부 라이브러리 최소화로 블로그 페이지 로딩 속도가 빠릅니다.
- jQuery 자바스크립트 라이브러리 미사용(바닐라 자바스크립트 사용으로 빠른 자바스크립트 실행)
- Fontawesome 아이콘 폰트 미사용(최소 크기의 스킨 내장 폰트 아이콘 사용)

 


- 구글 웹폰트 미사용(옵션 선택으로 사용 가능)

 



4. 검색엔진 최적화(SEO) 지원
- 구글, 네이버, 빙 검색 메타 태그 설정 지원
- 오프스크린 이미지 지연 로딩(Lazyloading) 지원(인터넷 익스플로러는 미지원)

 



5. 티스토리 애드센스 광고 기능 지원. 티스토리가 제공하는 애드센스 기능을 기본으로 지원합니다.
- 글 목록, 커버페이지에 애드센스 목록 광고 표시 지원
- 사이드바 상 하단 애드센스 광고 표시 지원

6. 반응형 레이아웃 및 반응형 글자 크기 적용으로 레티나 디스플레이를 완벽 지원합니다.

7. 자동 목차 표시 기능을 지원합니다. 작성한 글에서 제목1, 2, 3을 가져와 글 본문 최상단에 트리형 목차를 생성해줍니다.

 


8. 다국어 구글 번역 기능을 지원합니다. 사이드바 영역에 구글 번역 기능을 스킨 옵션을 켜는 것만으로 사용할 수 있습니다.

 

구글 번역

 

9. 글 링크 및 글 내용 복사 기능. 공유형 글을 편리하게 퍼갈 수 있도록 글 제목에 링크 복사 및 글 내용 복사 버튼을 추가할 수 있습니다.

 

글 링크 및 복사 기능 버튼 표시

 

10. 스무스 스크롤 지원. 페이지 탑 이동 버튼으로 스크롤을 할 때 부드럽게 페이지가 스크롤되서 이동합니다.

 

11. 프로그래스바 기능. 페이지를 얼마나 스크롤했는지 상단에 표시해주는 인디케이터 표시가 지원됩니다.

 

페이지 최상단에 스크롤 인디케이터 표시

 

12. 글목록 타입으로 리스트 타입과 한 행에 썸네일 2, 3, 4개 표시를 지원합니다.

 

글록목 타입 4종 지원

 

13. 모바일 글목록 타입으로 리스트 타입과 한 행에 썸네일 2개 표시를 지원합니다.

 

모바일 글목록 썸네일 2개 표시

 

14. 인터넷 익스플로러11을 지원합니다.(레이지로드, 구글 번역 기능은 제외)

15. SNS 아이콘을 SNS 고유컬러로 표시할 수 있습니다.

 



그밖에 80여개 이상의 스킨 설정 옵션을 제공해 다양한 레이아웃 설정 및 기능 추가가 가능합니다.

 

스킨 설정 옵션

 

 

스킨 적용 예

반응형
  • 한번 살짝 바꿔 보고 싶긴 합니다~~~

  • 혹시 검색어창은 가운데로 위치 조정 할 수 없을까요???

    • 댓글이 뭍혀서 이제야 봤습니다.
      가능은 하겠지만, 스킨을 많이 손봐야 합니다. 댓글 레벨의 답변으로는 해결이 안됩니다.
      반응형 스킨이기 때문에 데스크탑 화면 변경과 별도로 모바일 보기도 따로 처리해야 하고, 검색 버튼에 펼침/닫기 이벤트 처리가 기본으로 붙어있기 때문에 이것도 별도로 조정해야 합니다.
      손이 너무 많이 가는 작업이 됩니다.

      검색을 블로그 타이틀 밑에 펼침상태로 고정으로 박아놓는 구조로 조정을 하지 않는 이상은 대수선이 될 가능성이 높습니다.


닫기