12
30

문득 지나가며 보게 된 마름모 이미지를 모티브로 제작된 독특한 스킨.
늘 그랬지만 본 스킨은 최적화보단 레이아웃 구현과 기능 구현에 초점이 맞춰져 있습니다.

독특한 기능이나 형식이 많으므로 사용 전 이 페이지를 모두 읽어주세요.

Copyright 부분의 수정·삭제를 금지합니다.
그 외엔 자유로운 수정이 가능하나, 재배포는 금지합니다.
본 스킨의 테마 폰트로는 Gmarket Sans가 사용되었습니다.

 


더 많은 이미지

본문 / 메뉴바
썸네일 보기 / 리스트 보기 형식
공지사항 / 페이지 (제일 위 아이콘의 차이)
비밀글 / 방명록 / 태그

 


샘플 페이지 바로가기

더 다양한 색상 팔레트 적용해보기


다운로드

혹은 이 링크를 클릭하세요. (카피라이트 존재, 무료)


주요 특징

  • Preview 이미지 3장, 글꼴 하나를 포함해 용량 약 800kb
  • 커버 없음
  • 반응형, 모바일 지원
  • 인터넷 익스플로러 미지원
  • 티스토리 뉴 에디터에 최적화
  • 티스토리 새 기능 : 카테고리별 글 목록 스타일(썸네일, 리스트) 형식 선택 가능
  • jquery, font awesome cdn 불러와 사용
  • 사이드바 하단 SNS 링크 (Github, Facebook, Twitter, Instagram)
  • 2개의 사이드바 지원

 


더 자세한 스킨의 특징

더보기
더보기

본 스킨에는 글의 썸네일을 본문에 넣지 않았습니다.

그리고 그 대신! 썸네일이 자동으로 좌측 사이드바의 배경으로 들어갑니다.

카테고리 대표 이미지가 글 본문의 대표 이미지로 변경.

이 기능은 옵션에서 끄고 켤 수 있으며, 샘플 페이지에서 시험해보실 수 있습니다.

 

 

 

본 스킨의 메뉴는 위와 같은 형태로 생성됩니다.

어떤 메뉴를 넣느냐에 따라 다른 아이콘이 나옵니다.

ex. 공지사항의 경우 마이크, 카테고리의 경우 점 3개, 페이지의 경우 종이 비행기...

 

이 메뉴는 설정 > 꾸미기 > 메뉴에서 설정하실 수 있으며, 최대 5개를 추천합니다. (더 많으면 하단이 잘리게 됩니다.)

 

 

 

본 스킨의 사이드바는 좌우 하나씩, 총 2개가 존재합니다.

사이드바 컨텐츠(카테고리, 공지사항 등...)의 색상은 정해져 있는 것이 아니며, 왼쪽에 있느냐 오른쪽에 있느냐에 따라 색상이 변합니다. 왼쪽은 흰 바탕에 검은 글씨, 오른쪽은 검은 바탕에 흰 글씨 같은 식입니다.

모바일에서는 기존 좌측 사이드바가 위로, 우측 사이드바가 아래로 가서 하나의 사이드바를 만듭니다.

 

 

글 목록일 경우 / 글 내용 보기일 경우

 

자동 목차 생성 기능(TOC)를 지원합니다.

특별히 플러그인을 사용하지 않아 가볍습니다.

 

글 목록 보기 시에는 글의 제목을 가져와서 리스트로 만들어주고, 하나의 글만 보고 있을 때엔 글의 내용 중 제목만 가져와서 목차로 만들어줍니다.

설정에서 사용 여부를 결정할 수 있습니다.

 

 

기타 설정 가이드

더보기
더보기

기본 설정

  • 본 스킨은 반응형 스킨이긴 하지만 PC 기능 구현에 중점을 두어 모바일 최적화가 썩 좋지 않습니다.
    설정 > 꾸미기 > 모바일 > 티스토리 모바일웹 자동 연결은 끄든, 키든 취향껏 선택하세요.
     
  • 설정 > 플러그인 "카테고리 글 더보기" 기능 사용을 추천합니다.

 

스킨 자체의 설정

 

홈 화면, 글 목록 글 수는 3의 배수를 추천합니다.

 

하이라이트 처리된 부분이 새로 추가된 기능입니다. 정말 놀랍게도 티스토리가 드디어 카테고리별 스타일 설정 기능을 기본으로 제공합니다.

본 스킨은 썸네일 / 리스트(글목록) 총 2개의 옵션을 선택하실 수 있습니다.

 

 

카테고리별로 다른 스타일을 지정하고 싶을 경우, 설정 > 콘텐츠 > 카테고리 관리에서 오른쪽 노란색으로 그려진 부분 즈음에서 "관리" 선택 > 목록 스타일을 지정해주시면 됩니다.

카테고리별 대표 이미지 역시 이곳에서 변경하실 수 있습니다.

 

 

 

기본 넓이는 700px보다 크게 잡는 걸 추천하지 않습니다.

기본 이미지는 좌측 사이드바에 기본으로 깔릴 배경 이미지를 말합니다. 글에 대표 이미지가 없거나, 현재 카테고리에 대표 이미지로 설정된 게 없다면 이 링크의 이미지가 들어갑니다.

 

 

 

배경색은 밝은색, 글자색은 어두운색, 포인트색은 배경색 위에서도 글자색 위에서도 눈에 띄는 색을 추천합니다.

제작자가 추천하는 색상은 이쪽에서 확인할 수 있습니다.

색상 팔레트를 참고할 수 있는 사이트1 사이트2

 

 

 

사이드바 배경 사용 여부를 끄면 A에 깔리는 배경 그림이 완전히 사라집니다. (즉, 뭘 해도 단색 배경만 보입니다.)

목차 사용 여부를 끄면 B가 완전히 사라집니다.

 

 

 

공란으로 비워두면 아이콘 자체가 뜨지 않습니다.

참고로 프로필 링크가 아니라 ID만 넣어주시면 됩니다. 

 


알아도 되고 몰라도 되는 정보

더보기
더보기

2020년의 일은 2020년에 다 끝내두고 싶어서 종강하고 며칠 내내 이거만 붙잡고 있었더니 머릿속이 아득하네요...

이 스킨의 제작기는 보실 수 있습니다.

 

12월 31일(내일!)에 이 블로그에 공개될 게임도 기대해주세요! :D

현재 업로드 완료! 링크는 이쪽!

 

 

▼ 공감은 제작자에게 큰 도움이 됩니다╰(*°▽°*)╯

COMMENT