유니콘 티스토리 스킨 81

 

📌 목록형 리스트 1

- 글 제목에 마우스를 올리면 자간이 넓어지며 스킨 옵션에서 설정한 포인트 컬러로 변경됩니다

 

 

 

📌 목록형 리스트 2

- 글 제목과 작성 날짜 아래로 글이 속한 카테고리의 이름이 나옵니다.

- 카테고리를 설정하지 않은 글은 '카테고리 없음' 으로 자동 출력됩니다.

 

 

 

📌 갤러리형 리스트 1

- 썸네일에 마우스를 올리면 이미지의 아래쪽에 글 제목을 보여줍니다.

- 글 제목은 썸네일의 가로 사이즈에 맞는 너비의 한 줄만 출력되므로 긴 제목의 글은 말줄임표로 끊어집니다.

 

 

 

📌 갤러리형 리스트 2

- 썸네일에 마우스를 올리면 글 제목의 자간이 넓어집니다.

- 갤러리형 리스트 1 보다 조금 더 긴 제목을 보일 수 있지만, 역시 한 줄만 출력하고 더 긴 제목은 말줄임표로 끊어집니다.

 

 

 

📌 웹진형 리스트

- 왼쪽에 썸네일, 오른쪽에 제목을 비롯한 요약글, 카테고리명, 날짜로 구성되어 있습니다.

- 이미지가 없는 글은 텍스트 아이템만 보여집니다.

- 요약글은 최대 3줄까지만 출력하며, 텍스트가 없는 글인 경우 요약글이 아예 생략됩니다. (대체 텍스트 없음)

 

 

 

📌 글이 없는 카테고리

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

 

📌 그외 목록 스타일 공통

- [스킨 편집 → 기본 설정 → 글 목록 글 수] 에서 설정한 글 수보다 카테고리에 등록된 글이 적을 경우, 페이지네이션은 출력되지 않습니다.

- '분류 전체보기' 를 제외한 모든 카테고리에 '카테고리 소개글' 을 작성할 수 있습니다. 이 부분은 데모 블로그에서 확인해주세요.

- 해당 스킨은 상위 카테고리의 링크를 없애고 하위에만 진입할 수 있도록 해두었기 때문에 상위 카테고리에 소개글을 작성해도 확인할 수 없습니다. 하위 카테고리에 소개글을 작성해주세요.

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

 

 

 

📌 글 영역

- 제목과 날짜 아래로 태그, 어드민 아이템이 있습니다.

- 태그가 없는 글인 경우 스킨옵션에서 설정한 대체 텍스트가 적용되며, 어드민 영역은 블로그 주인에게만 보여집니다.

- 공감, 공유 영역 / 네임카드 영역을 스킨의 컨셉에 맞게 수정했습니다.

- 'Comment 0' 을 누르면 아래로 댓글 영역이 펼쳐집니다. (방명록 영역 스크린샷 참고)

- 글 에디터에서 추가할 수 있는 다양한 아이템을 커스텀 했습니다. 이 부분은 아래의 데모 블로그 링크에 접속하여 확인해주세요.

 

 

 

📌 보호글 영역

- 암호가 걸려있는 보호글에 진입했을 때 나타납니다.

- 본문 상단의 텍스트와 인풋 영역의 텍스트는 스킨옵션에서 수정할 수 있습니다.

 

 

 

📌 태그 리스트

- 특정 태그를 클릭하면 해당 태그가 걸린 글 목록이 출력됩니다.

- 이때 출력되는 목록은 [스킨 편집 → 기본 설정 → 기본 목록 스타일] 에서 선택된 스타일입니다.

 

 

 

📌 방명록 영역(댓글 영역과 동일함)

- (좌) 티스토리에 로그인을 했을 때 / (우) 비로그인 상태일 때 입력폼의 차이가 있습니다.

- 로그인한 사용자만 방명록 및 댓글을 입력하도록 설정한 블로그에서는 비로그인 상태에서 이름, 비밀번호 입력폼이 출력되어도 실제로 작성할 수 없으며, 티스토리 로그인 화면으로 넘어갑니다.

- 티스토리가 제공하는 기본 방명록 치환자를 사용하여 커스텀했습니다.

- 방명록에 출력되는 프로필 사진은 [블로그관리 홈 → 관리 → 블로그] 에서 설정된 이미지입니다.

 

 

 

📌 공지사항

- 한 페이지에 노출되는 공지사항의 글 수는 [스킨 편집 → 홈 설정 → 최신 글 → 홈 화면 글 수] 에서 수정할 수 있습니다.

- 공지사항은 [블로그관리 홈 → 콘텐츠 → 공지 관리] 에서 수정 및 삭제 할 수 있습니다.

 

 

 

📌 홈 커버

- 왼쪽 상단 아이템부터 공지사항 1, 공지사항 2, 갤러리형 커버 1, 갤러리형 커버 2, 목록형 커버, 웹진형 커버

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

 

 

 

📌 모바일 반응형 / 홈 커버, 모바일 전용 메뉴 버튼 클릭시 사이드바 출력

- 모바일 기기로 접속시 기존 사이드바의 프로필 영역은 헤더로 전환됩니다.

- 헤더로 전환된 프로필 이미지 우측 상단에 모바일 전용 메뉴 버튼이 생성됩니다. 해당 버튼을 클릭하면 왼쪽에서 사이드바가 슬라이드로 나타납니다.

 

 

 

📌 모바일 반응형 / 목록 스타일

- PC에서 3단으로 출력되던 '갤러리형 리스트 1' 이 2단으로 변경됩니다.

- 반응형에서 그 외 크게 달라지는 부분은 없습니다.

 

 

 

📌 지원하는 스킨 옵션

- 스킨 사이즈 및 각종 색상 설정

- 사이드바 정보 설정 / 사이드바 링크 아이템 수정

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

- 리스트(목록 스타일), 홈커버 썸네일 비율 수정 / 기타 노이미지, 보호글 썸네일 설정

 

---

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

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

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

 

 

💡 데모 블로그

unwraping

 

현재 보고계신 이 블로그에도 같은 스킨을 적용했지만, 제 블로그 용도에 맞게 따로 커스텀한 부분이 있기 때문에 완전히 동일하진 않을 거예요😥 반드시 데모 블로그로 스킨을 확인해주세요!

 

---

💬 제작자의 리뷰

 

나름대로 큰맘먹고 구조적으로 뜯어고치기! 를 시도한 스킨입니다,,✨ 한 달 내내 만들면서 공부하고 수십번의 테스트를 반복했지만 제가 발견하지 못한 이상한 부분이 있을 수 있어요! 혹여 그런 부분을 발견하시면 편하게 카카오채널로 문의주시면 가능한 선 안에서 최대한 수정 업데이트 하겠습니다😉😉

 

베이직한 맛에 쓰기 좋은 스킨입니다! 색상만 잘 조합해서 수정해도 꽤 다른 분위기를 낼 수 있고, 테두리 둥근 반경을 수정할 수 있기 때문에 8px 이상으로 올리면 꽤 귀여운 느낌도 난답니다💕

 

가장 추천드리는 스킨 사이즈는 사이드바 200px / 콘텐츠 영역 450~550px 입니다! 폰트 사이즈는 스킨 옵션으로 따로 빼두지 않았는데 기본으로 프리텐다드 레귤러 폰트 12px 설정해두었습니다. 추천드리는 스킨 사이즈에 가장 어울리는 폰트 사이즈라고 생각해서, 이 부분은 바꾸지 않는 걸 권장합니다!

 

스킨 옵션 중 링크 아이템 추가 부분을 보시면 아이콘을 설정하실 수 있는데, 이 부분의 수정에 대한 건 다운로드글에 작성해두었습니다 :) 아주 간단한 방법이라 전혀 어렵게 생각하실 필요 없으십니다><///

 

커버 아이템 중 '공지사항 2' 를 사용하면 이미지 따로, 텍스트 따로 나오기 때문에 다양한 연출이 가능합니다! 이미지만 등록할 수도 있고, 텍스트만 등록할 수도 있기 때문에 입맛에 맞게 사용하실 수 있어요😋

 

---

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

유니콘 티스토리 스킨 구매 안내글

 

카카오채널 구매 및 오류 문의

유니콘 티스토리 스킨