본문 바로가기

Blog/Thoughts

반응형 스킨으로 전환 작업을 하고 있습니다.


모바일 페이지모바일 페이지


티스토리 모바일 페이지 끄기 기능이 생김에 따라 반응형 웹 스킨 도입을 진지하게 고민해오고 있었습니다.

미디어 쿼리만 추가하면 바로 반응형으로 바뀌는게 부트스트랩이긴 하지만 티스토리에 맞추려면 자잘하게 조정 해줘야 하는게 많습니다.

현재 테스트용 블로그에서 이틀째 작업하고 있는데요, 기본요소를 반응형으로 전환하는것은 거의 끝났습니다.


테블릿 페이지테블릿 페이지


작은 데스크톱작은 데스크톱 해상도


이제 남은 작업은 970px이하의 해상도에서 테블릿과 스마트폰 용으로 전용 메뉴를 따로 만드는것과 티에디션을 반응형에 맞게 고치는 것만 남았습니다.

티에디션 같은 경우에는 몇 가지 코드 테스트만해보고 방치 상태로 두고 있는데요, 다행이도 12칼럼으로 맞추니까 반응형으로 잘 움직이네요.


일반 데스크톱일반 데스크톱 해상도


와이드 데스크톱와이드 데스크톱 해상도



다만 좀 짜증나는 점은 애드센스를 반응형으로 설치해도 실시간으로 전혀 움직이지 않는 다는 것인데요. 그래서 머리를 열심히 굴려보다가 해상도에 맞게 애드센스를 놓고 미디어 쿼리로 특정해상도에서만 켜고 끄게 만들어야 겠습니다.

남들이 하는거 보니까 쉬워 보이던데 막상 도전하니까 삐걱거리는게 너무 많네요 ㅠㅠ