티스토리 뷰

티스토리 스킨

지오203 티스토리 스킨

티티티지오 2021. 9. 4. 13:02

지오202 다크 스킨은 비 반응형으로 데스크톱 브라우저에서만 작동됩니다. 모바일에서는 티스토리에서 제공하는 모바일 웹 버전을 활성화해야 합니다.

theme-img

티스토리 스킨

  • 스킨 명 : JIO203
  • 가격 : 무료
  • 현재 버전 : 1.0.0
  • 최종 업데이트 : 2021 년 9 월 04 일
  • 저작권 : © JioScon
  • 문서 ↗ · 변경 로그 ↗
 

스킨 소개

해당 스킨은 본문만 있습니다. 너무 단순해서 데모용 블로그는 만들지 않았습니다.

대략 아래 이미지와 같은 형태로 현재 보고 있는 포스팅에서 본문만 있다고 생각하시면 될 것 같습니다.

지오203 스킨 이미지

블로그 제목을 비롯해 카테고리, 메뉴, 페이지 번호, 댓글, 방명록 등이 없고 글 작성자와 글 작성일, 본문 내 구독 버튼도 없습니다.

당연히 공지사항, 보호 글, 커버 기능도 없고요.

사이드바는 광고를 넣을 수 있도록 공간만 있는 상태로 불필요시 옵션으로 사이드바를 제거할 수 있습니다.

오직 포스팅 제목과 본문 내용만 있으며 옵션 선택으로 빈 사이드바와 목차 기능이 있습니다.

스킨 설치

스킨 설치 전 기존 스킨은 보관함에 꼭 백업 보관하시길 바랍니다.

  1. 다운로드한 파일을 압축해제
  2. 블로그 관리 > 스킨 변경 > 스킨 등록
  3. 등록된 스킨을 적용

스킨 설치 방법에 대해 자세한 설명은 티스토리 스킨 설치 방법 포스팅을 참고하시기 바랍니다.

스킨 설정

티스토리 블로그 관리 홈으로 접속해 왼쪽 메뉴 중 스킨 편집을 선택합니다.

블로그 관리 홈 > 메뉴 > 스킨 편집

홈 설정 및 기본 설정

기본적으로 홈 화면 글 수와 글 목로 글 수는 1개 그리고 목록 구성요소는 내용만으로 설정되어 있습니다.

만약 아래 이미지처럼 설정이 되어 있지 않다면 똑 같이 설정을 합니다. 목록 구성 요소는 무조건 "내용만"으로 돼 있어야 합니다. 아니면 빈 페이지만 나옵니다.

스킨설정

참고 : 홈 화면 글수는 블로그 첫 페이지의 목록 수를 의미합니다. 그리고 기본 설정에 "글 목록 글 수"는 카테고리의 목록을 의미합니다.

스킨 설정 옵션

스킨 설정 항목에는 총 5가지 옵션 사항이 있습니다. 보이는 스위치 버튼을 이용해 해당 기능을 온/오프 할 수 있습니다.

사이드바는 애드센스 광고만 넣을 수 있게 빈 공간으로 되어 있습니다. 애드센스 수익 관리에서 사이드바 광고 스위치 켜고 티스토리 사이드바 관리에서 넣어주면 되겠습니다.

스킨설정

1. 사이브다 숨김 : 사이드바가 필요 없는 경우 스위치를 ON으로 하면 사이드바는 사라지고 본문은 가운데로 정렬됩니다.

2. 사이드바 고정 : 기본적으로 사이드바가 고정되어 있습니다. 불편할 경우 스위치를 꺼주시면 사이드바 고정이 풀리게 됩니다. 그리고 여기서 고정은 완전 고정이 아니라 본문 내용이 끝나며 고정이 풀리는 방식입니다.

3. 자동 목차 : 목차 기능은 자동과 수동 그리고 겸용으로 두 가지 다 사용할 수 있습니다. 자동 목차를 켜면 본문 제목 아래에 목차가 생성됩니다. 단, 제목 1이 2개 이상되어야 합니다.

목차기능
목차 샘플

그리고, 자동 목차 기능은 끄고 수동으로만 사용할 수 있습니다. 수동 목차만 사용하고자 한다면 서식 관리 또는 본문 작성 시 html 코드를 직접 원하는 위치에 넣어 주면 되겠습니다.

목차 생성 코드

<div id="jioToc"></div>

자동 목차를 켠 상태에서 수동 목차를 사용하면 자동 목차는 생성되지 않고 수동 목차만 생성됩니다. 수동 목차가 없는 포스팅에서는 자동 목차가 생성됩니다.

4. 오른쪽 마우스 금지 : 마우스 오른쪽 클릭을 통해 복사하는 것을 방지하기 위한 기능입니다. 티스토리에서 제공하는 것보다 더 강력합니다.

"작은 개발자 블로그"님 소스를 참고해 일부만 적용했습니다. 전체 코드는 양이 좀 많습니다. 전체 코드가 필요하 시분들은 참고해 보시기 바랍니다. 대단히 강력합니다.

5. 마지막 하단 스킨 저작권 숨김 : 스킨 저작권자 표시를 옵션을 통해 숨길 수 있습니다. 단, 스킨 편집 html에서 직접 삭제하거나 수정하는 것은 금지입니다.

저작권 라이선스

  • 본 스킨의 원본 또는 수정본을 배포 및 판매할 수 없습니다.
  • 블로그 하단 스킨 저작권 표시를 수정하거나 삭제해서는 안 됩니다.
  • 본 스킨의 사용을 허락하는 것이지 저작권을 판매하는 것은 아닙니다.

참고사항

  • 스킨의 개인적 수정 사항에 대한 질문은 받지 않고 있으니 양해 부탁드립니다.
  • 버그 및 개선/제안 사항에 대한 의견을 주시면 업데이트 시 반영하도록 하겠습니다.

스킨을 만드는 것보다 설명서 쓰는 게 더 시간이 많이 걸리 듯합니다. 최대한 궁금한 점이 없도록 작성했으니 질문 전 설명을 꼼꼼히 읽어 보시길 당부드립니다.