Yunicorn Studio
※ 스킨 아이콘 깨짐 오류는 Update Note 카테고리 글을 읽어주세요
유니콘 티스토리 스킨 NEW 26
2025.03.26

 

1. 목록형 리스트

 

- 글 제목에 마우스를 올리면 자간이 넓어지며 제목이 포인트 색상으로 변합니다.

 

 

 

2. 갤러리형 리스트 1

 

- 썸네일에 마우스를 올리면 썸네일이 흑백으로 변하며 가운데에 글 제목이 페이드인 됩니다.

 

 

 

3. 갤러리형 리스트 2

 

- 마우스오버 효과 없이 썸네일만 출력하는 4단 갤러리형 리스트입니다.

 

 

 

4. 웹진형 리스트 1

 

- 썸네일의 오른쪽에 글 정보가 위치해있으며, 밑으로는 요약글이 3줄까지 출력됩니다.

- 텍스트가 없는 글일 경우 썸네일과 글 정보만 출력합니다.

- more 버튼은 별도의 기능이 없는 장식입니다.

 

5. 웹진형 리스트 2

 

- 가로 너비 100%를 차지하는 썸네일 아래로 글 정보가 헤더와 동일한 레이아웃으로 만들어졌습니다.

- 요약글은 3줄까지 출력되며, 텍스트가 없는 글일 경우 제목, 날짜, 분류(카테고리)만 출력합니다.

 

 

 

6. 글이 없는 카테고리

 

- 글 개수가 0개인 카테고리에 진입했을 때 나타납니다.

 

 

그외 리스트 스타일 공통

 

- '분류 전체보기' 를 제외한 모든 카테고리에 '카테고리 소개글'을 작성할 수 있습니다(목록형 리스트 스크린샷 참고)

- 썸네일이 있는 리스트에 한해, 스킨 옵션에서 썸네일 비율을 자유롭게 수정할 수 있습니다.

 

 

 

7. 글 영역

 

- 제목, 날짜, 분류(카테고리)가 헤더와 같은 레이아웃입니다.

- 글 에디터에서 추가할 수 있는 다양한 아이템을 커스텀했습니다.

- 본문의 밑에 태그와 댓글, 공감 버튼 커스텀이 그 아래로 네임카드 커스텀이 되어있습니다.

 

- 태그가 없는 글일 경우, 스킨 옵션에서 설정한 대체 텍스트가 적용됩니다.

- 태그 영역의 끝에 블로그 주인만 볼 수 있는 수정, 삭제 버튼이 있습니다.

 

- 공감버튼을 보이지 않게 수정할 시, 해당 부분에는 댓글 버튼만 남게 됩니다.

 

 

 

8. 보호글 영역

 

- 안내 칸, 암호 칸의 텍스트는 스킨 옵션에서 설정할 수 있습니다.

- 글의 암호를 입력한 후 체크 아이콘 클릭 혹은 키보드의 엔터를 누르면 다음 화면으로 넘어갑니다.

 

 

 

9. 댓글 및 방명록
 
- 블로그 주인과 티스토리에 로그인한 유저에게는 이름, 비밀번호 입력상자가 보이지 않습니다.
- 티스토리가 제공하는 기본 방명록 치환자를 사용하여 커스텀했습니다.

 

 

 

10. 태그리스트
 
- 특정 태그를 클릭하면 해당 태그가 걸린 글 목록이 출력됩니다.
- 이때 출력되는 리스트는 [스킨 편집 → 기본 설정 → 기본 목록 스타일] 에서 선택된 스타일입니다.

 

 

 

11. 공지사항
 
- 한 페이지에 노출되는 공지사항의 글 수는 [스킨 편집 → 홈 설정 → 최신 글 → 홈화면 글 수] 에서 수정할 수 있습니다.
- 공지사항은 [블로그 관리 홈 → 콘텐츠 → 공지관리] 에서 수정 및 삭제 가능합니다.

 

 

 

12. 홈커버

 

- 최상단부터 순서대로 공지사항 1, 공지사항 2, 갤러리형 1, 갤러리형 2, 목록형, 웹진형

- '공지사항 커버 1' 은 여러개의 아이템을 하나의 박스에 묶으며, '공지사항 커버 2'는 등록되는 이미지와 텍스트가 각각의 아이템처럼 서로 분리되어 보입니다.

- 갤러리형 1, 갤러리형 2는 리스트 스타일과 똑같이 마우스오버 효과의 유무 차이가 있습니다.

- 스크린샷 속 웹진형 커버의 요약글은 3줄로 출력되었지만 스킨 적용시 5줄까지 출력됩니다. 해당 부분은 스킨 사이즈를 줄이면 썸네일의 비율이 일그러져 보일 수 있어 수정 방법도 함께 제공하고 있습니다.

 

 

 

13. 메뉴 버튼 클릭시 팝업

 

- 헤더의 우측 상단 메뉴 버튼을 누르면 페이드인으로 프로필과 카테고리, 메뉴, 링크 리스트가 팝업됩니다.

- 팝업의 가로 사이즈는 스킨 가로 사이즈 - 50px 로 계산됩니다.

- 프로필 이미지는 자동적으로 1:1 비율로 적용됩니다.

- 하나의 리스트를 펼치면 나머지 리스트는 자동적으로 닫힙니다.

- 팝업의 세로값은 안의 내용이 길어지면 브라우저의 중심을 기준으로 함께 길어집니다.

- 우측 하단의 x 버튼을 눌러야 팝업이 닫힙니다.

 

 

 

14. 모바일 반응형 / 갤러리 리스트 2, 홈커버, 태그 리스트

 

- PC에서 4단으로 출력되던 '갤러리형 리스트 2'는 2단으로 출력됩니다.

- 홈커버의 갤러리형 커버들에는 변화가 없으며, 웹진형 커버는 요약글이 2줄로 출력됩니다.

- 태그 리스트의 아이템은 5단에서 3단으로 변경됩니다.

 

 

 

15. 지원하는 스킨 옵션

 

- 스킨 사이즈 및 색상 설정

- 헤더 커스텀(메뉴 버튼은 한글 기준 5자 이상이면 말줄임표가 생깁니다), 프로필 커스텀

- 스킨에 들어가는 각종 문구 수정

- 썸네일 비율 수정 및 노이미지, 보호글 썸네일 설정

 

 

16. 기타 스킨 주의 사항

 

- 스크린샷에는 날짜 형식이 yyyy.mm.dd 로 되어있지만 실제로는 헤더의 날짜와 같이 yyyy년 m월 d일로 출력됩니다.

- 단, 댓글 및 방명록의 댓글은 티스토리 기본 치환자를 사용하므로 yyyy.mm.dd. HH:MM 으로 출력됩니다.

- 모바일에서 메뉴 팝업의 가로 사이즈는 디바이스의 85% 입니다.

- 기존의 26번 스킨은 재판매하지 않으며, 해당 NEW 26 스킨을 기존 버전처럼 변경할 수 없습니다.

 

 


 

스킨 정보 요약
 

  • 홈커버 6종 | 공지사항 1, 공지사항 2, 갤러리형 1, 갤러리형 2, 목록형, 웹진형
  • 리스트 5종 | 목록형, 갤러리형 1, 갤러리형 2, 웹진형 1, 웹진형 2
  • 기본 스킨 옵션 | 스킨 사이즈, 색상, 헤더 및 프로필 커스텀, 문구 커스텀, 썸네일 비율 수정 및 노이미지, 보호글 썸네일 설정
  • 이미지 없는 글(노이미지)와 보호글 썸네일을 각각 구분 가능
  • 공지사항, 태그리스트, 방명록, 검색 기능 지원
  • 카테고리 치환자 사용, 카테고리 소개글 사용 가능, 티스토리 기본 방명록 치환자 사용
  • 모바일 반응형 지원

 

 

※ 스킨 옵션과 모바일 반응형은 스킨 자체에 기본으로 탑재되어 있으며, 따로 추가금은 없습니다.

※ 카피라이트 삭제, 복수 계정에서 이용 등의 추가 옵션은 스킨만 구매한 후 필요하실 때 추가하실 수 있습니다.

※ 레이아웃 변경 등으로 스킨의 원형을 해치지 않는 선 안에서는 자유로운 개인 수정이 가능합니다.

 

 

 

임시 데모 블로그

 

 

unwraping

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

unwrap.tistory.com

해당 주소에는 항상 가장 최근에 제작된 스킨이 적용되어 있습니다.

 

 


제작자의 리뷰 + 커스텀 예시

 

 

안녕하세요! 이번에는 83번 스킨 안내글에서 예고했던 것처럼 26번 스킨을 리뉴얼해서 데려오게 되었어요! 기존 버전을 참고만 하고 아예 새로 만들다시피 한 듯한 느낌이지만... 그러니 리뉴얼 아니겠어요?!(일단 우기기) 저는 개인적으로 마음에 듭니다! 기존 버전은 카테고리와 메뉴 부분을 여는 토글 버튼이 작고 불편했는데 이번에는 아예 팝업으로 띄워버리기로 하니 좀 더 자유롭게 만들 수 있었어요!

 

커스텀 예시는 전체적으로 스킨 사이즈와 폰트 크기까지 줄여줬어요! 색감은 전적으로 제 취향입니다...💙💚 저는 개인적으로 홈커버 아이템 중에 공지사항 2 커버를 좋아하는데, 가끔 여러분들이 꾸며서 사용해주시는 걸 보면 비슷하게 써주시는 분들도 꽤 있어서 꽤 뿌듯합니다...(✿◡‿◡) 

 

항상 스킨 찾아주시고 또 뉴스킨도 기다려주셔서 너무 감사합니다! 다음 스킨은 73번 리뉴얼로 돌아올게요ㅎㅎ

 

 

 

 

 

구매 문의 전 반드시 읽어주세요

 

[공지] 스킨 구매 전 필독 공지사항

※ 저는 단순 취미로 스킨을 제작하고 있습니다.개인적으로 만족하는 선에서 작업하기 때문에 전공자 혹은 현직자만큼의 지식은 없습니다. ※ 제가 만드는 스킨은 모두 개인적인 기록에 관련

cliff-parade.tistory.com

 

카카오채널 구매 문의

 

유니콘 티스토리 스킨

취향의 티스토리 스킨 만드는 사람

pf.kakao.com

 

포스타입에서 구매하기

 

유니콘 티스토리 스킨 NEW 26 - SKIN ONLY: Yunicorn Studio

📖 유니콘 티스토리 스킨 NEW 26 스킨 안내글 원본 | https://cliff-parade.tistory.com/264 5년 전에 제작했던 26번 스킨을 리뉴얼해서 데리고 왔습니다! 디지털 일기 느낌으로 사용하면 너무 예쁜...💖 1. 목

www.postype.com

ⓒ yunicorn