티스토리 커스텀 스킨 Berry Skin v4 배포

회사 다니면서 신경을 못쓰다가, 다시 블로그 열심히 해볼겸 오랜만에 업데이트합니다. 블로그도 신설했습니다. (이전에는 개발 관련된건만 작성했는데, 이번엔 여러가지 쓰고 싶은거 다 기록 남기려고 합니다)

 

Berry Skin v4

처음 berry skin을 만들기 시작한건 제가 사용하려고 만든거였는데, 생각보다 사람들이 많이 사용해주셔서 뿌듯하기도 하고 재밌다보니 v4까지 만들게 된거 같네요. 감사의 인사를 드립니다.

 

스킨 특징

반응형 디자인

웹 / 테블릿 / 모바일 등 다양한 디바이스에도 최적화된 UI/UX를 제공해줍니다.

웹 / 테블릿 / 모바일

 

테마

Light 테마와 Dark 테마를 지원합니다. 헤더에 해/달 모양의 아이콘을 누르면 변경할 수 있습니다.

Light 테마 / Dark 테마

 

cover 제공

berry skin v3 까지는 cover 기능을 제공하지 않았지만, v4부터는 cover 기능을 제공합니다. cover는 총 4개를 제공합니다.

커버 종류

 

목록 타입(기본)

일반적인 형태의 목록 타입입니다.

목록 타입

 

카드 타입

카드 형식으로 표시되고 글의 개수가 늘어나면 가로 스크롤이 생깁니다.

카드타입

 

 

갤러리 타입

썸네일 사진만 나오고 마우스를 올리면 카테고리 / 제목 / 작성일시가 표시됩니다.

갤러리타입

 

커버 타입

썸네일 사진이 화면에 크게 나옵니다. 마우스를 올리면 제목 / 카테고리 / 작성일시가 표시 됩니다

마우스 올리기 전 / 마우스 올린 후

 

화면 UI/UX 설정

검색창 스타일 변경

검색창 테두리 스타일을 변경할 수 있습니다. (테두리없음 과 그라데이션테두리 중 선택 가능)

 

 

Table of contents

TOC를 제공합니다. 

 

좌측 상단에 TOC 버튼을 클릭하면, 아래 사진과 같이 "table of contents" drawer가 나타납니다

 

 

Footer 링크

푸터에 링크를 커스텀하게 추가하실 수 있습니다. 추가하지 않은 링크는 화면에 나타나지 않습니다.

SNS/ 커스텀 링크 추가

링크 추가된 예시 화면

 

본문 스타일

인용문 스타일

첫번째 인용문은 기본 스타일 그대로 유지하였습니다.

warning 타입: 인용문 2번째를 사용하시면 이와같이 표시됩니다. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

information 타입: 인용문 3번째를 사용하시면 이와같이 표시됩니다. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

 

 

코드 스타일

코드 태그로 감싸면 아래와 같이 표시됩니다. (<code>python</code> 와 같이 html 작성모드로 작성해야함)

python

 

 

코드 블럭 스타일

코드 블럭을 사용하면 아래와 같이 표시됩니다. (단, 티스토리 플러그인 "Syntax Highlight"를 같이 사용해주셔야 합니다)

def greet(text):
	print(text)
    
if __name__ == '__main__':
	greet('hello world')

 

티스토리 플러그인

 

 

테이블 스타일

테이블은 아래와 같이 표시됩니다.

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

제목1	제목2	제목3
내용1	내용2	내용3

 

 

다운로드

해당 스킨은 유료로 판매합니다. 스킨을 개발하기 위해 노력한 대가로 금액은 커피 한잔 가격인 5000원 이상부터 사용자님이 지불하고 싶은 만큼 보내주시면 됩니다. 자세한 구입 및 스킨 다운로드 방법은 아래 "카카오톡 채널"을 이용해주세요! (평일 낮에는 연락이 늦어질 수 있습니다)

Tistory Berry Skin

가격이 비싸진 않지만, 블로그를 신중히 보시고 결정해주세요. 버그들이 있을수도 있고, 꾸준히 개선해나갈 예정입니다. 스킨 업데이트가 이루어지면 이메일 주소로 알림을 보내드릴 예정입니다.

 

적용 방법

Berry Skin v4 적용 방법 가이드

 

저작권 및 환불

환불

• 스킨을 받기 전에는 100% 환불 가능합니다
• 스킨 판매 특성상 스킨을 받은 이후에는 환불이 어렵습니다

 

저작권

• 스킨 수정 가능 (단, 아래 사진과 같이 하단 푸터에 명시된 저작권 표시는 지우지 말아주세요)
• 재배포는 안됩니다