📌 목록형 리스트 1
- 글 제목에 마우스를 올리면 자간이 넓어지며 스킨 옵션에서 설정한 포인트 컬러로 변경됩니다
📌 목록형 리스트 2
- 글 제목과 작성 날짜 아래로 글이 속한 카테고리의 이름이 나옵니다.
- 카테고리를 설정하지 않은 글은 '카테고리 없음' 으로 자동 출력됩니다.
📌 갤러리형 리스트 1
- 썸네일에 마우스를 올리면 이미지의 아래쪽에 글 제목을 보여줍니다.
- 글 제목은 썸네일의 가로 사이즈에 맞는 너비의 한 줄만 출력되므로 긴 제목의 글은 말줄임표로 끊어집니다.
📌 갤러리형 리스트 2
- 썸네일에 마우스를 올리면 글 제목의 자간이 넓어집니다.
- 갤러리형 리스트 1 보다 조금 더 긴 제목을 보일 수 있지만, 역시 한 줄만 출력하고 더 긴 제목은 말줄임표로 끊어집니다.
📌 웹진형 리스트
- 왼쪽에 썸네일, 오른쪽에 제목을 비롯한 요약글, 카테고리명, 날짜로 구성되어 있습니다.
- 이미지가 없는 글은 텍스트 아이템만 보여집니다.
- 요약글은 최대 3줄까지만 출력하며, 텍스트가 없는 글인 경우 요약글이 아예 생략됩니다. (대체 텍스트 없음)
📌 글이 없는 카테고리
- 글 개수가 0개인 카테고리에 진입했을 때 나타납니다.
📌 그외 목록 스타일 공통
- [스킨 편집 → 기본 설정 → 글 목록 글 수] 에서 설정한 글 수보다 카테고리에 등록된 글이 적을 경우, 페이지네이션은 출력되지 않습니다.
- '분류 전체보기' 를 제외한 모든 카테고리에 '카테고리 소개글' 을 작성할 수 있습니다. 이 부분은 데모 블로그에서 확인해주세요.
- 해당 스킨은 상위 카테고리의 링크를 없애고 하위에만 진입할 수 있도록 해두었기 때문에 상위 카테고리에 소개글을 작성해도 확인할 수 없습니다. 하위 카테고리에 소개글을 작성해주세요.
- 썸네일이 있는 리스트에 한해, 스킨옵션에서 썸네일 비율을 수정할 수 있습니다.
📌 글 영역
- 제목과 날짜 아래로 태그, 어드민 아이템이 있습니다.
- 태그가 없는 글인 경우 스킨옵션에서 설정한 대체 텍스트가 적용되며, 어드민 영역은 블로그 주인에게만 보여집니다.
- 공감, 공유 영역 / 네임카드 영역을 스킨의 컨셉에 맞게 수정했습니다.
- 'Comment 0' 을 누르면 아래로 댓글 영역이 펼쳐집니다. (방명록 영역 스크린샷 참고)
- 글 에디터에서 추가할 수 있는 다양한 아이템을 커스텀 했습니다. 이 부분은 아래의 데모 블로그 링크에 접속하여 확인해주세요.
📌 보호글 영역
- 암호가 걸려있는 보호글에 진입했을 때 나타납니다.
- 본문 상단의 텍스트와 인풋 영역의 텍스트는 스킨옵션에서 수정할 수 있습니다.
📌 태그 리스트
- 특정 태그를 클릭하면 해당 태그가 걸린 글 목록이 출력됩니다.
- 이때 출력되는 목록은 [스킨 편집 → 기본 설정 → 기본 목록 스타일] 에서 선택된 스타일입니다.
📌 방명록 영역(댓글 영역과 동일함)
- (좌) 티스토리에 로그인을 했을 때 / (우) 비로그인 상태일 때 입력폼의 차이가 있습니다.
- 로그인한 사용자만 방명록 및 댓글을 입력하도록 설정한 블로그에서는 비로그인 상태에서 이름, 비밀번호 입력폼이 출력되어도 실제로 작성할 수 없으며, 티스토리 로그인 화면으로 넘어갑니다.
- 티스토리가 제공하는 기본 방명록 치환자를 사용하여 커스텀했습니다.
- 방명록에 출력되는 프로필 사진은 [블로그관리 홈 → 관리 → 블로그] 에서 설정된 이미지입니다.
📌 공지사항
- 한 페이지에 노출되는 공지사항의 글 수는 [스킨 편집 → 홈 설정 → 최신 글 → 홈 화면 글 수] 에서 수정할 수 있습니다.
- 공지사항은 [블로그관리 홈 → 콘텐츠 → 공지 관리] 에서 수정 및 삭제 할 수 있습니다.
📌 홈 커버
- 왼쪽 상단 아이템부터 공지사항 1, 공지사항 2, 갤러리형 커버 1, 갤러리형 커버 2, 목록형 커버, 웹진형 커버
- '공지사항 1'은 여러개의 아이템을 하나의 박스에 묶으며, '공지사항 2' 는 등록되는 이미지와 텍스트가 각각의 아이템처럼 서로 분리됩니다.
📌 모바일 반응형 / 홈 커버, 모바일 전용 메뉴 버튼 클릭시 사이드바 출력
- 모바일 기기로 접속시 기존 사이드바의 프로필 영역은 헤더로 전환됩니다.
- 헤더로 전환된 프로필 이미지 우측 상단에 모바일 전용 메뉴 버튼이 생성됩니다. 해당 버튼을 클릭하면 왼쪽에서 사이드바가 슬라이드로 나타납니다.
📌 모바일 반응형 / 목록 스타일
- PC에서 3단으로 출력되던 '갤러리형 리스트 1' 이 2단으로 변경됩니다.
- 반응형에서 그 외 크게 달라지는 부분은 없습니다.
📌 지원하는 스킨 옵션
- 스킨 사이즈 및 각종 색상 설정
- 사이드바 정보 설정 / 사이드바 링크 아이템 수정
- 스킨에 들어가는 각종 문구 수정
- 리스트(목록 스타일), 홈커버 썸네일 비율 수정 / 기타 노이미지, 보호글 썸네일 설정
※ 스킨 옵션과 모바일 반응형은 스킨 자체에 기본으로 탑재되어 있으며, 따로 추가 금액이 발생하지 않습니다.
※ 카피라이트 삭제, 여러 계정에서 이용 등의 추가 옵션은 스킨만 구매한 후에 필요하실 때 추가하실 수 있습니다.
※ 레이아웃 변경 등으로 스킨의 원형을 해치지 않는 선 안에서는 자유로운 개인 수정이 가능합니다.
💡 데모 블로그
unwraping
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc commodo turpis non sapien faucibus tincidunt. In ac erat lorem. Maecenas pharetra diam magna, in placerat neque facilisis et.
unwrap.tistory.com
현재 보고계신 이 블로그에도 같은 스킨을 적용했지만, 제 블로그 용도에 맞게 따로 커스텀한 부분이 있기 때문에 완전히 동일하진 않을 거예요😥 반드시 데모 블로그로 스킨을 확인해주세요!
💬 제작자의 리뷰
나름대로 큰맘먹고 구조적으로 뜯어고치기! 를 시도한 스킨입니다,,✨ 한 달 내내 만들면서 공부하고 수십번의 테스트를 반복했지만 제가 발견하지 못한 이상한 부분이 있을 수 있어요! 혹여 그런 부분을 발견하시면 편하게 카카오채널로 문의주시면 가능한 선 안에서 최대한 수정 업데이트 하겠습니다😉😉
베이직한 맛에 쓰기 좋은 스킨입니다! 색상만 잘 조합해서 수정해도 꽤 다른 분위기를 낼 수 있고, 테두리 둥근 반경을 수정할 수 있기 때문에 8px 이상으로 올리면 꽤 귀여운 느낌도 난답니다💕
가장 추천드리는 스킨 사이즈는 사이드바 200px / 콘텐츠 영역 450~550px 입니다! 폰트 사이즈는 스킨 옵션으로 따로 빼두지 않았는데 기본으로 프리텐다드 레귤러 폰트 12px 설정해두었습니다. 추천드리는 스킨 사이즈에 가장 어울리는 폰트 사이즈라고 생각해서, 이 부분은 바꾸지 않는 걸 권장합니다!
스킨 옵션 중 링크 아이템 추가 부분을 보시면 아이콘을 설정하실 수 있는데, 이 부분의 수정에 대한 건 다운로드글에 작성해두었습니다 :) 아주 간단한 방법이라 전혀 어렵게 생각하실 필요 없으십니다><///
커버 아이템 중 '공지사항 2' 를 사용하면 이미지 따로, 텍스트 따로 나오기 때문에 다양한 연출이 가능합니다! 이미지만 등록할 수도 있고, 텍스트만 등록할 수도 있기 때문에 입맛에 맞게 사용하실 수 있어요😋
구매 문의 전 반드시 읽어주세요
유니콘 티스토리 스킨 구매 안내글
유니콘 티스토리 스킨 구매 방법 1. 스킨 및 옵션 선택 - 스킨 : '판매 중' 카테고리에서 선택, 모든 스킨 15,000원 - 옵션 1. 카피라이트 삭제 / 스킨 개수당 +10,000원 / 삭제 방법을 직접 알려드립니다
cliff-parade.tistory.com
카카오채널 구매 및 오류 문의
유니콘 티스토리 스킨
취향의 티스토리 스킨 만드는 사람
pf.kakao.com