블로그&인터넷/티스토리

티스토리 스킨 공유 합니다.

INKman 2022. 12. 31.

티스토리 기본스킨인 북클럽 스킨을 기본으로 수정하여 만든 스킨입니다.

 

 

티스토리 스킨
티스토리 스킨

기본 설정

티스토리 스킨 기본 설정
기본 설정

스킨옵션으로 블로그 스타일을 라이트와 다크모드를 선택할 수 있습니다. 

 

'컬러모드 자동전환'을 켜두면 라이트 모드에서 PC 테마를 다크 테마를 사용할 경우 자동으로 다크 모드를 전환합니다. 다크모드를 사용할 경우 라이트 모드 자동전환은 지원하지 않습니다.

 

사이드바 위치 왼쪽, 오른쪽 또는 없음으로 설정하여 오른쪽에 숨겨 두고 사용할 수 있습니다.

 

로딩화면 기능을 사용할 수 있는데 실제 로딩을 기다리지는 않고 3초 동안만 로딩 메시지를 보여주고 자동으로 종료가 됩니다. 이는 불필요하게 로딩이 길어지는 경우가 있는데 완전히 로딩이 되지 않더라도 기다리는 시간을 줄이기 위해서입니다.

 

이미지 페이드인 기능은 블로그에 올린 사진이 투명화되어있다가 스크롤을 내리면 이미지가 서서히 나타나는 효과입니다.

 

카테고리 전체 보기는 사이드바의 전체 카테고리 메뉴를 지워줍니다.

 

 

본문 설정

티스토리 스킨 본문
본문 설정

본문 관련 설정을 하는데 기본 폰트 크기는 body에 16px로 설정되어있으며 대부분의 폰트가 이를 기준으로 설정되어 있어 이 폰트 크기를 수정하면 블로그 전체 폰트가 변경이 됩니다.

 

본문 폭을 설정하는데 사이드바는 300px로 고정되어있으며 본문 폭을 수정하면 전체폭도 같이 수정이 됩니다. 수동 광고 설정이 사각형 2개를 사용하는데 700 이하를 설정할 경우 광고가 원활하게 적용되지 않을 수 있습니다.

 

세로구분선 지우기를 이용하여 사이드바와 본문 구분선을 지울 수 있습니다.

 

본문 글자 크기와 라인 높이를 변경할 수 있습니다.

 

 

목차 설정

목차 설정아이콘과 넘버링
목차 설정

자동으로 문서에 목차를 하는 기능을 설정할 수 있습니다.

목차위치를 설정할 수 있는데 1을 설정하게 되면 페이지 제목 다음에 위치하게 되고 0으로 지정을 하게 되면 제목보다 더 위에 위치합니다. 

 

수동 광고 사용할 경우 2번을 지정하면 광고 뒤에 위치하고 2번을 지정하고 광고를 사용하지 않을 경우에는 본문 하단으로 위치하게 됩니다.

 

펼침 또는 접힌 상태로 설정할 수 있습니다.

아이콘 형식과 번호를 선택하여 사용할 수 있습니다.

가상요소로 적용되어있는 아이콘을 폰트어썸 유니코드를 변경하여 적용할 수 있습니다.

 

적용된 목차기능의 상세한 내용은 https://sangminem.tistory.com/491 여기에서 확인할 수 있습니다.

 

 

본문 소제목 설정

티스토리 스킨 본문 제목 설정
본문 제목 설정

본문에 H2, H3, H4 태그에 가상요소를 적용하여 아이콘이나 번호 매기기를 지정하여 사용할 수 있습니다.

 

 

애드센스 광고 설정

애드센스 광고 설정
애드센스 광고 설정

본문 상단과 하단에 애드센스 광고를 적용하여 사용할 수 있는데 PUB와 DATA 코드만 입력하면 쉽게 수동 광고를 적용할 수 있습니다.

 

모바일에 적용된 광고가 전체폭을 사용할지를 설정할 수 있습니다.

 

상하단 광고 코드는 각 3개씩 사용을 하는데 두 개를 적용하여 모바일에서 하나만 노출하지 않고 PC에 적용된 광고는 모두 지우고 새로운 광고를 모바일에서 노출합니다.

 

하단 멀티플렉스는  댓글 위에 위치하는 광고로 멀티 플렉스가 아니어도 됩니다.

 

 

기타 설정

기타 설정

공감 버튼과 카테고리 글 더 보기 이동 기능을 사용하면 하단에 수동 삽입된 광고보다 아래에 나오게 됩니다.

 

본문 하단에 섬네일이 적용된 4개의 카테고리 관련글 목록을 켜고 끌 수 있습니다.

 

 

사이드바 설정

티스토리 스킨 사이드바 설정
사이드바 설정

사이드바는 3개가 존재하는데 1~2번은 기본적인 사이드바이고 3번에 넣으면 하단 푸터에 들어가게 됩니다.

 

사이드바 2번은 1번 아래에 위치하고 스크롤을 내릴 시에 2번에 설정된 모듈이 전부가 상단에 고정되어 스크롤을 따라다니게 됩니다.

 

스킨을 적용하기전 기존스킨을 꼭 백업을 하고 적용하시기 바랍니다.

전문지식을 가지지 않고 짜집기 수준으로 만든 스킨이라 오류가 있을 수 있으며 이로 인한 불이익이 발생하더라도 책임을 지지 않으며 추가적인 관리 지원도 하지 않습니다.

 

INKman_1.0.zip
0.04MB

자유롭게 수정 재배포 가능합니다.

728x90
그리드형(광고전용)

댓글 12