티스토리 반응형 스킨 034 - 반응형 그린라인 v3 스킨 배포합니다.

--------------------------------------------------------------------

2021-09-02. 목차 기능 사용시 공감 버튼과 충돌하는 현상 패치 (스킨을 다시 다운로드 받아 script.js 파일만 재업로드)

--------------------------------------------------------------------

구버전 스킨인 34. 반응형 그린라인 스킨의 신버전입니다.

초록창 회사 블로그랑 비슷한 느낌을 살린 2단 반응형 스킨입니다.

테두리선 색상, 두께와 각 영역별 배경색을 지정할 수 있어 다채로운 모양의 디자인을 만들 수 있습니다.

사이드바 너비와 레이아웃 전체 너비를 작게 조절할 수 있어 작은 레이아웃을 선호하는 블로거도 무리없이 사용할 수 있습니다.

■ 스킨 특징

테두리선 색상과 테두리선 두께를 바꿀 수 있고, 영역별 배경색을 개별 설정해서 다채로운 변형 스킨을 만들 수 있습니다.

테두리선 너비 설정 옵션
테두리선 색상 선택 옵션

■ 스킨 적용전 주의사항

  • 스킨 소스 상단과 스킨 적용화면 하단에 표시되는 저작권 표시 삭제를 금지합니다.
  • 스킨의 개별 커스터마이징 요청은 받지 않습니다.
  • 새 스킨 적용전 기존 사용하던 스킨을 꼭 백업하시기 바랍니다.
  • 반응형 스킨은 티스토리 모바일 꾸미기를 꺼야 합니다. 티스토리 관리자 화면 메뉴 꾸미기 > 모바일에서 티스토리 모바일웹 자동 연결을 "사용하지 않습니다" 로 설정해야 합니다.

> 사용중인 티스토리 스킨을 보관, 또는 백업해 놓기

■ 스킨 주요 기능 안내

특징요약

  • 인터넷익스플로러11 지원
  • 바닐라 자바스크립트만으로 스크립트 기능 구현(jQuery 미사용)
  • 스킨 내장 아이콘 폰트를 이용해 아이콘 표시(외부 아이콘 미사용)
  • 티스토리 애드센스 전체 지원
  • 80여가지의 스킨 커스터마이징 설정 옵션
  • 구 버전 대비 2배 이상 빨라진 페이지 로딩 속도
  • 최소 크기를 가진 가벼운 스킨 리소스 파일들
  • 화면 영역별 컬러 테두리선으로 영역 구분 및 배경색 지원
  • 자동 목차 기능 지원
  • 구글 번역 기능 지원

검색 최적화(SEO) 지원

  • 빠른 블로그 로딩 속도
  • 운영체제 시스템 글꼴 사용 지원으로 빠른 검색 최적화 지원
  • 옵션 설정 항목에 검색 사이트 인증키 적용 지원
  • 오프스크린 이미지 지연 로딩(Lazyloading) 지원
  • 외부 자바스크립트 라이브러리(jQuery) 미사용으로 빠른 페이지 로딩 지원
  • 외부 아이콘 라이브러리 미사용
  • 가벼운 아이콘 리소스 사용
  • 시멘틱 태그 사용으로 검색엔진 인덱싱 지원

80여가지의 스킨 옵션 설정 지원

  • 블로그를 운영하면서 필요로 하거나 수정이 발생하는 대부분의 요구 사항을 옵션으로 지원
  • 데스크탑, 타블렛, 모바일 환경을 모두 지원하는 반응형 스킨
  • 모바일 글목록 타입으로 글목록형과 썸네일형 2종 지원

커스터마이징을 위한 소스 코멘트

  • CSS 가 각 영역별로 세분화되어 작성되어 있습니다.
  • 자바스크립트 코드에 상세한 코멘트가 작성되어 있습니다.
  • 알기 쉽도록 구조화 작업이 되어있어 수정이 용이합니다.

티스토리 애드센스 지원

  • 글목록 애드센스 지원
  • 사이드바 애드센스 지원
  • 자동 애드센스 지원

■ 스킨 적용 관련 안내

스킨 적용 방법을 모를 경우 다음 글을 먼저 읽어보시기 바랍니다.

> 다운로드 받은 티스토리 스킨 내 블로그에 적용하기

> 티스토리 스킨 적용하는 방법 상세 안내. 종결판.

> 티스토리 스킨 적용시 주의사항과 문제 해결 방법, 그리고 티스토리 버그 안내

■ 스킨 다운로드

■ 주요 스킨 옵션 설정 항목 안내

- 레이아웃

사이드바와 카테고리 표시 위치를 선택할 수 있습니다.

테두리선 너비를 최대 3px까지 선택할 수 있습니다.

레이아웃 옵션 항목들

- 색상

전체 배경색과 각 영역별 배경 색상을 선택할 수 있습니다.

색상 옵션 항목들

헤더 영역에 표시되는 카테고리 배경색은 데스크탑 > 헤더 표시 카테고리 배경색에서 따로 설정해야 합니다.

헤더 표시 카테고리 배경색 옵션

- 컨텐츠

컨텐츠 표시 영역들에 공통 항목을 설정합니다.

모서리를 둥글게 표시하는 정도를 설정할 수 있습니다.

컨텐츠 옵션 항목들

- 글목록/커버목록

글목록에 표시되는 컨텐츠의 속성을 설정합니다. 글목록 타입 3가지를 선택할 수 있습니다.

글목록 옵션 항목들

반응형 레이아웃의 모바일 글목록 타입은 모바일 > 모바일 글목록 타입에서 별도로 설정합니다.

모바일 글목록 설정 옵션

그 외에 총 80가지 이상의 옵션 설정을 사용해서 스킨 레이아웃을 자유롭게 설정할 수 있습니다.

전체 스킨 옵션 항목들