작년 5월에 갑자기 티스토리 스킨이 먹통이 되어 블로그 화면이 아예 안나온적이 있었습니다.
부랴부랴 예전 만지던 스킨을 이용해 복구시켰지만, 평소 쓰던것이 아니니 마음에 들지 않았죠.
그 이후 '아무래도 스킨을 직접 만드는것이 좋겠다' 라는 생각이 들었습니다.
하지만 html이라고는 옛날 나모 웹에디터나 마이크로소프트 Frontpage, 드림위버(세 제품 다 현재는 거의 망했습니다)시절 조금 만지던 수준이라 요즘 트렌드를 알리 없고, CSS는 더더욱이 거의 만져본적이 없었습니다. 그렇다고 지금 스킨 코드 가지고 공부하기도 어렵고...
그 와중에 우연히 class101 수강권을 무료로 받았었는데, 마침 여기에 티스토리 스킨 강의가 있더군요.
https://class101.net/ko/products/618bbaa867c7bd000ecaf3ab
직접 제작한 티스토리 스킨으로 내 취향에 꼭 맞는 블로그 만들기! | 공평
📓 기억하고 싶은 순간, 겉모습까지 완벽하도록 여러분은 다이어리를 써보신 적이 있나요? 아마 한 번씩은 있으실 겁니다. 기억하고 싶은 추억을 적었을 수도 있고, 남기고 싶은 사진을 붙였을
class101.net
이분 강의의 특징이 강의자료(그러니까 강의멘트)와 예제파일을 모두 제공한다는 점이었습니다. class101의 강의들이 비싸면서 업데이트가 잘 안되는데다 강의자료도 부실해서(정확하게는 강사 개개인 차이가 있으나 전반적으로 강의자료 제공이 부실합니다) 비싸다고 욕을 먹는데, 무료수강권으로 듣는데다 강의자료도 주는 강의이니 참고하기가 딱 좋았습니다.
물론 저 강의를 들어도 나만의 스킨을 만드는게 쉽지는 않습니다. 구조, 디자인, 색상, 내용물은 자기 취향대로 배치하고 반영하기 때문입니다. 그리고 저 강의에도 나와있지 않은 티스토리 기능들이 몇개 있기 때문에 이후는 자료를 찾아가면서 만들었습니다.
스킨 완성하는데 대략 3달 걸린거 같네요. 아무래도 일을 하다보니 시간이 잘 안나긴 합니다.
티스토리 스킨은 '치환자'라는 것을 이용하여 블로그의 복잡한 기능(글목록, 페이징 등등)을 구현하는데 이에 대한 자세한 사용은 티스토리 메인 페이지 아래의 '스킨가이드'를 참고해야 합니다.
https://tistory.github.io/document-tistory-skin/
소개 · GitBook
No results matching ""
tistory.github.io
디자인은 기존에 쓰던 3단구성(메뉴+본문+메뉴)을 베이스로 하였고,
색상은 파란색을 베이스로 적합한 색깔을 chatgpt에 물어봐서 정했습니다. chatgpt가 의외로 색상추천을 잘해줍니다.
그렇게 해서 베이스부터(진짜 html.... /html부터 시작했습니다) 스킨 코드를 짜서 현재의 구조를 만들었습니다. ㅎㅎ
메뉴나 표시부의 모서리를 둥글게 다듬은 처리는 class101 강의를 참고하였으며, 그외 부분은 기존 스킨의 배치나 코드사용 부분을 참고하였습니다.
색상을 chatgpt한테 물어서 고른것이긴 한데 만약 보시기에 불편하시다면 기탄없이 의견을 개진해주시면 감사하겠습니다. 공돌이라서 그런지 색감각이 영 떨어지네요. ㅋㅋㅋ
그리고 나름 필요한 기능은 다 구현했다고 생각하는데, 혹시 빠뜨린 부분이 있으시다면 알려주시면 감사하겠습니다.