티스토리 Magazine 스킨, 마음대로 수정하기

 티스토리에서 기본으로 제공하는 스킨 중에서 "Magazine"이라는 스킨으로 변경했는데, 리스트 부분이 마음에 들지 않아서 수정을 해보기로 했습니다.

 

Magazine 스킨 수정 후 목록 화면

포스트의 썸네일이 세로가 고정되고 가로 길이가 비율별로 조절이 되기를 원했는데 되지를 않더라고요...

더 찾아봐야할 것 같아요.

Magazine 스킨 수정 후 검색 화면

검색 화면에서는 검색어 입력 우측에 있던 검색어 삭제 버튼을 지웠고, 메뉴와 마찬가지로 검정색 배경으로 처리했습니다.

Magazine 스킨 수정 후 메뉴 화면

메뉴 부분은 검정색 배경에 하얀색 글씨로 수정을 했습니다.

아이콘 부분은 차후에 색을 고쳐야할 것 같습니다.

Magazine 스킨 수정 후 글 화면

아직 이 부분은 많이 수정을 하지 못했습니다.

Magazine 스킨 수정 후 글 화면

댓글 버튼 부분만 수정했어요.

Magazine 스킨 수정 후 모바일에서의 목록 화면

모바일에서는 이렇게 표시가 됩니다. 

 

 Magazine 스킨을 수정하면서 느낀 점은 style.css가 예전에 수정하던 애들과는 좀 다른 순서로 적혀있어서 많이 헷갈렸고, 제가 수정하면서 엄청 많이 지저분해질 것 같은 느낌을 받았어요.

수정을 하면서 다시 제가 알아볼 수 있게끔 정리를 하던가 지금 나열된 순서에 적응이 될 필요가 있을 것 같습니다.

 

+ 2020-02-07

 스킨이 내용만 표시할 시에 상단에 카테고리 등의 타이틀이 뜨지 않고, 목록+내용을 하면 목록부분의 리스트가 같이 붙어 있더라고요. 이거 때문에 검색 결과창도 목록부분의 리스트만 뜨게 되고 해서, 과감하게 고쳐보았습니다.

Book Club 스킨에는 검색 결과가 없을 때의 안내창도 추가가 다 되어있어서 참고했습니다.

그런데 그 이후에 글 화면 상단에 있는 공감, 댓글 버튼이 먹통이 되어버렸습니다 ㅎ....

 

+ 2020-02-08

 글 화면 상단의 공감, 댓글 버튼과 아래로 스크롤 하면 나타나는 뒤로가기 부분은 common.js 부분에서 wrap_deatil_content 부분을 전부 wrap_content로 변경하여 해결하였습니다. (목록+내용에서 원하는 부분만 나오게 하기 위해 wrap_content 부분의 s_list 부분을 지우고 wrap_content로 합침)

 

+ 2020-02-11

 8일 이후로 리스트만 뜨는 부분에서도 스크롤 시에 메뉴가 사라져서, wrap_content 와 wrap_detail_content를 그냥 둔 상태로 재작업을 하였습니다.