태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

티스토리 반응형 스킨 작업을 진행했습니다.


기존에 사용하는 스킨은 기본 스킨을 사용하고 있었습니다. 


기본 스킨을 사용한 이유는 

첫번째, 제일 직관적인 인터페리스를 가지고 있기 때문입니다.

두번째, 주로 웹에서 스크랩 용도로 사용하기 때문에, 굳이 반응형 스킨이 필요하지 않은 이유도 있었습니다.


티스토리 스킨 개발에 관심이 있는데, 반응형으로 변경하지 않는 것은, 개발자로서 문제가 있다고 생각해서, 

기존 기본 스킨을 반응형으로 변경 작업을 진행하도록 결정했습니다.



< 현재 웹에서 블로그 모습 >




기존 스킨에서 최소한의 작업으로 반응형 스킨을 수정을 하려고 계획을 잡았습니다.


문제가 되는 부분은 

첫번째, 사이드바를 어떻게 처리해서 배치.

두번째, 최대한 여백을 줄여서, 컨텐츠 영역을 넓게 뽑아내는 한다는 점.

두번째, 기존 adsense 배너가 반응형 배너가 아니고, 반응형으로 변경시에, adsense 배너를 재배치 해야 하는 점.



아래와 같이 모바일에서 반응형 스킨 작업을 완료했습니다.


< 현재 웹에서 블로그 모습 >


 


기존 디자인을 유지하면서, 불필요한 여백을 제거하고, 애드센스 배너는 반응형으로 교체했습니다.



하단 배너는 1개만 노출하도록 수정하고, 사이드바를 하단에 배치하는 방식으로 변경했습니다. 




이렇게 커스터마이징된 기본 디자인을 가지고, 동일한 구조로 보여지는 반응형 스킨 작업을 완료 했습니다.










댓글을 달아 주세요