blog profile img

들_

좋아하는 일을 열심히 합니다.

카테고리
  • 전체 (85)
    • 작업 (12)
      • 게임 (5)
      • 만화·애니 (2)
      • 티스토리 스킨 (5)
      • 일러스트 (0)
    • 코딩 (32)
      • 웹·앱 (12)
      • Unity · Godot (14)
      • RPG Maker (3)
      • 그 외 (2)
    • 일기 (28)
    • 사담 (13)
      • 지최시 (2)
      • 천쇠 (11)
      • 차기작 (0)
공지사항
  • 주요 스킨 댓글/방명록 작성 오류 현상 해결법
  • 티스토리 스킨 커미션 안 받습니다.
  • 태그
  • 방명록
반응형
12
30
작업/티스토리 스킨

티스토리 마름모 스킨(d-dl rhombus skin) 배포

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

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

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만 넣어주시면 됩니다. 

 

저작자표시 비영리 동일조건 (새창열림)
COMMENT
 
DESIGN BY D-DL

티스토리툴바