프론트엔드/제작 일지

190301 티스토리 스킨 #5 제작 일지 - 잡다한 기능 추가

Marshall K 2019. 3. 1. 22:55

마무리했다고 생각했는데, 정교함에 부족한 점이 많이 보이기도 하고 이래저래 더 예쁘게 할 순 없을까 고민하다 업데이트를 좀 해봤습니다.

가벼운 마음에 시작했는데, 규모가 생각보다 커졌습니다;



먼저 우측에 있던 사이드바를 제거하고, 그나마 쓸만한 옵션들만 아래로 옮겼습니다.


너무 쓸모없는 요소도 많은데, 쓸데없이 공간을 차지한단 느낌이 갑자기 들어 삭제하게 됐습니다.

솔직히 아카이브 같은 기능은 저도 안 쓰는데 누가 그걸 눌러볼까 싶어..



1단형 / 2단형 옵션이 사라진 대신 새로운 옵션이 들어왔습니다.


'카테고리 표시'란 옵션입니다.

예전까진 Masonry를 사용한 디자인 딱 하나만 사용할 수 있었습니다만, 이젠 세 가지 옵션을 선택할 수 있음은 물론, 특정 카테고리에만 특정 디자인을 사용할 수도 있습니다.


Masonry를 사용한 디자인도 조금 변경됐습니다.


글 내용 미리 보기와 글이 포함된 카테고리는 쓸모 없어 보여 삭제했고, 제목과 작성일만 남겨뒀습니다.

예전관 다르게 마우스를 올리면 제목과 작성일이 보입니다.


모바일에선 하단에 작은 창으로 고정되어, 별다른 행동을 하지 않아도 제목과 작성일을 볼 수 있습니다.



새로 추가된 텍스트 중심의 리스트입니다.



새로 추가된 갤러리 형식의 리스트입니다.

이미지의 크기는 정사각형으로 고정되어 있습니다.


위 스크린 샷에서도 알 수 있듯, 잡담 카테고리에는 텍스트 중심의 리스트를, 블로그 & 스킨/스킨 목록 카테고리에는 갤러리 형식의 리스트를 적용해놨습니다.



카테고리별로 다르게 적용할 수 있도록 하게 하느라 삽질을 좀 오래 했는데, 결과가 마음에 드네요 ㅎㅎ

좀 아쉬운 건 특정 특수문자는 자바스크립트가 해독을 못 해서 위 스크린 샷처럼 & 대신 %26을 써야 하고 그래서 아쉽네요 ㅠㅠ