helpot.kr helpot.kr

티스토리 helpot.kr 스킨을 소개합니다.

소개

안녕하세요. helpot.kr 스킨은 바로 본 블로그에 적용되어 있는 스킨입니다.
제가 사용하기 위해 수정하다가, 스킨 형태로 만들었습니다.
티스토리에서 심플하기로 유명한 Letter 기본 스킨에서 필요한 부분을 수정한 결과물입니다.

• 배경화면을 직접 디자인하였습니다.
• 목차 자동 생성 기능을 개발하였습니다.
• 목차 자동 생성 ON, OFF 설정 기능을 개발하였습니다.
• 그 외 글꼴, 글자 크기, 글자 색상을 변경하였습니다.

특징. 목차 자동 생성

게시물 상단에 '목차'를 자동 생성하는 기능을 개발하였습니다.
본 게시물의 상단에도 '목차'가 생성되어 있음을 알 수 있습니다.

목차를 클릭하면, 해당 위치로 이동합니다.

대부분 소제목을 H2 태그로 작성하시기에,
이를 자동으로 수집하여 목차로 만들도록 개발하였으니,
목차로 넣고 싶은 소제목은 꼭 H2 크기로(편집기에서는 '제목2') 작성해 주시면 됩니다~ 

더불어, 아래와 같이 스킨 편집에서 '목차 자동 생성' 기능을 ON, OFF 하실 수 있도록 해두었습니다.

기능을 'ON' 하였어도,
H2 태그가 하나도 없는 게시물에서는 '목차'가 생성되지 않도록 예외처리도 해두었습니다~

스킨 다운로드

저작권

• 본인 사용 용도로 스킨 수정하시는 것은 좋습니다.
• 다만, 수정하시더라도 하단의 copyright 제작자 부분의 수정은 허용하지 않습니다.
  본 스킨을 무료로 제공 드리기 때문에, 제작자 표기를 꼭 유지시켜 주셔야 합니다.
• 수정한 스킨을 배포하는 것 허용하지 않습니다.

스킨 적용 방법

첫 째, 본 스킨을 다운받고 ZIP 파일의 압축을 풀어 둡니다.

둘 째, 티스토리 '블로그 관리 홈' > 좌측 메뉴의 '스킨 변경'을 누릅니다.

셋 째, 우측 상단의 '스킨 등록 +' 버튼을 누릅니다.

넷 째, 우측 상단의 '추가 ( 0B / 20MB )' 버튼을 누릅니다.

다섯 째, 압축 풀었던 모든 파일을 선택하고, '열기'를 누릅니다.

여섯 째, 약 2 ~ 3초 내로 모든 파일이 업로드 된 후, '저장' 버튼을 누릅니다. 

일곱 째, 스킨명을 원하시는대로 임의 작성하시고, '확인' 버튼을 누릅니다.

여덟 째, 저장이  완료된 후, '스킨 보관함'을 누릅니다.

아홉 째, 업로드 완료된 helpot.kr 스킨의 '적용' 버튼을 누르면 됩니다.

버전 히스토리

• 1.0.0
  스킨 출시
• 1.1.0
  목차 자동 생성 기능 및 ONOFF 설정 기능 추가
• 1.2.0
  소스코드 하이라이트 기능 추가

이용에 감사 드려요.
감사랑합니다.