# 티스토리 스킨

티스토리 스킨

Tistory-skin
티스토리 스킨

여러모로 제 기술을 끌어 올려준 고마운 스킨입니다.

인덱스 페이지를 따로 제작했습니다.

당시엔 티스토리에 만족스러운 인덱스 페이지를 만들 방법이 없어서, ajax로 인기 글 목록을 가져오는 등 인덱스 페이지에 보여줄 거리를 만드느라 애먹었던 기억이 나네요.

ajax란 걸 처음으로 사용하기 시작한 스킨이기도 합니다.

css 변수를 이용해, 같은 레이아웃 안에서 다른 느낌을 주는 것도 시도해봤습니다.

기분에 따라 테마 변화가 쉬워, 꽤 마음에 들어 지금까지도 계속 업데이트 중인 기능입니다.

간단한 class 변경으로 1단형과 2단형을 변경할 수 있도록 했습니다.

위 css 변수와 더불어 간단한 사용자화가 가능하도록 해줍니다.

역시 masonry를 사용했습니다.

예전까진 infinite scroll이란 jQuery 플러그인을 이용해 다음 페이지의 목록을 불러왔는데, 이 스킨을 만드는 시점부터 간단하게 만든 스크립트로 다음 페이지의 글을 불러오기 시작했습니다.

저만 그런진 모르겠는데, 예전부터 이 사이드 메뉴의 모양을 굉장히 신경 썼습니다.

그래서 보통 스킨을 만들기 전에 각종 플러그인 사이트를 둘러보며 마음에 드는 게 없나 찾곤 했는데, 이 스킨을 만드는 시점부터 마음에 드는 사이드 메뉴를 제작할 수 있게 됐습니다.

만들고 만족도가 꽤 높았던 헤더 카테고리.
jQuery의 ajax를 이용해 제작했습니다.

레이아웃 자체도 마음에 들어 지금까지 비슷한 모양으로 만들고 있습니다.

쿠키를 이용하는 방법을 배워 어두운 모드를 만들게 됐습니다.

외에도 이 스킨을 만들며 처음으로 터득한 기술이 매우 많은 고마운 스킨입니다. 상술하긴 했지만, 그만큼 고맙고 애착이 가는 스킨이네요.

Tistory-skin 카테고리 관련 글

위 글이 유용하셨다면, 아래 글도 읽어보세요!

티스토리 스킨

티스토리 스킨

티스토리 블로거 Kiss Me 님의 스킨입니다. 커버 화면의 모습입니다. 썸네일을 작게 4개씩 보여주는 리스트 썸네일을 1:1 비로 보여주는 리스트 배경에 썸네일이 들어간 리스트 갤러리형 리스트 총 4가지로 구성되어 있습니다. 좌측 드로워엔 관리자 프로필 구독, 이웃 추가, RSS 링크 링크 목록 방문자 수 티스토리 메뉴바 로 구성되어 있고 우측 드로워엔 홈, 방명록, 공지사항 바로 가기 카테고리

티스토리 스킨
티스토리 스킨

티스토리 스킨

스킨 구매는 이곳에서 하실 수 있습니다. 5번 스킨인 Summer Nights와 비슷한 느낌으로 새로 만든 스킨입니다. 티스토리에서 추가한 커버 기능을 이용해 홈 화면을 다양하게 꾸밀 수 있도록 하고, 헤더 카테고리를 중앙 정렬시키는 등 다양한 개선이 이뤄진 버전입니다. 포스트 화면의 모습입니다.글에 집중할 수 있도록 1, 2단형 선택을 없애고 1단형으로 고정했습니다. 예전엔 글 목록을 표시할 때 Masonry 하나만

티스토리 스킨
티스토리 스킨

티스토리 스킨

둥근모꼴이란 글꼴을 보고 갑자기 만든 스킨입니다. 아무래도 요즘처럼 이미지가 많은 페이지완 어울리지 않아 만들다 중간에 엎었지만, 컨셉이 꽤 마음에 들어 업로드해뒀습

티스토리 스킨