Arimura Skin v1.0 — 블로그 스킨을 직접 만들어봤습니다

안녕하세요, 아리무라입니다.

이번에 블로그 스킨을 처음부터 다시 만들었습니다.

레이아웃부터 기능까지 전부 새로 짰고, 이름은 "Arimura Skin v1.0"으로 붙였습니다.

01

토글(모드 변경) 미리보기

디자인 방향

무채색 톤을 기본으로 하는 미니멀한 스타일을 유지하면서, 다크모드를 지원하도록 만들었습니다.

방문하시는 분의 기기 설정을 자동으로 따라가고, 헤더 우측의 토글 버튼으로 직접 전환하실 수도 있습니다.

헤더

블로그 제목이 홈 버튼 역할을 하는데, 클릭(또는 주소 맨 뒤에 아무것도 안 붙이고 접속)하시면 티스토리 기본동작인 "최신글 목록"이 아니라 "공지사항" 페이지로 자동 이동하도록 만들어뒀습니다.

처음 오시는 분들이 최신글 하나만 덜렁 보고 나가는 대신, 블로그 소개나 안내부터 보실 수 있게 하려는 의도입니다.

헤더 우측에는 notice, tag, msg, admin 바로가기와 다크모드 토글, 그리고 검색창이 있습니다.

사이드바

프로필(대표 이미지·소개글) → 카테고리(상위/하위 트리 구조 지원) → 태그 클라우드

→ 방문자 통계(Total / Today / Yesterday) → 즐겨 찾는 링크 순으로 정리했습니다.

글 화면

• 소제목(제목1~4 서식)이 2개 이상인 글에는 본문 상단에 목차가 자동으로 생깁니다.
• 글 하단에 링크 복사 / X / 페이스북 공유 버튼이 있습니다.
• 같은 카테고리의 다른 글을 추천해 주는 관련글 영역이 있습니다.
• 맨 아래로 스크롤하면 "Top" 버튼으로 바로 위로 올라갈 수 있습니다.

그 외에 모바일 반응형 레이아웃도 지원합니다.

버그 제보 및 건의사항

사용하시다가 이상한 부분(버그)을 발견하시거나, 있으면 좋겠다 싶은 기능이 있으면 댓글로 남겨주세요. 필요성을 검토해서 만들 만하다고 판단되면 만들어서 공유해 드리겠습니다.

이용 안내

이 스킨은 제가 직접 시간 들여 만든 거라, 수정 및 재배포는 금지합니다. 마음에 드시면 적용해 보세요.

참고 자료

• 티스토리 스킨 가이드

Arimura Skin v1.0.zip

0.13MB