Posted at 2014. 8. 11. 16:46 in 블로그 운영 by ideahole

많은 사람들이 티스토리 스킨을 반응형으로 갈아타고 있는 추세(?)인데요, 특히 새로 만드는 블로그는 대부분 반응형 스킨을 적용해서 시작하시는 분들이 많습니다.


¶ 왜 반응형 스킨을 적용해야 하는가?

• 2014/08/01 - [애드센스] 왜 반응형 웹 디자인(responsive web design - RWD)를 구축해야하는가?

• 2014/08/01 - [애드센스] 반응형 웹 디자인(RWD)를 구축을 통해 애드센수 수익을 높인 사례

• 2014/08/04 - [애드센스] 반응형 웹사이트로 전화, 애드센스 수익이 10배 이상 증가한 사례


앞서 반응형 웹사이트를 왜 구축해야하는지에 대해서 말씀드린 적이 있습니다. 그렇다면 반응형 스킨을 적용하고 수 많은 스마트폰과 태블릿PC, 데스크탑에서 자신의 블로그가 어떻게 보이는지 궁금하지 않으신가요?


돈이 많으면 갤럭시s도 사고 아이폰도 구입하고 아이패드도 사고 모니터도 크기별로 구입해서 확인하면 좋겠지만 주머니 사정이 넉넉치 않고 무식한 방법이니 제가 알려드리는 사이트에서 확인해보도록 하겠습니다.


다음 "트로이랩"이라는 사이트에서 확인이 가능합니다.


주소 입력창에 반응형을 적용한 블로그의 주소를 입력해봅니다. 전 제 블로그 주소를 입력했습니다.

기본적으로 커스톰할 수 있는 화면에 맞게 출력이 됩니다.


화면 좌측에 자신이 테스트해보고 싶은 기기들이 있습니다.


갤럭시4에서 확인한 제 블로그의 모습입니다. 화면에 마우스를 대고 휠을 돌리면 아래로 스크롤이 가능합니다.


갤럭시 노트에서보는 제 블로그의 첫 모습입니다. 애드센스 광고가 화면에 잘 보이네요. :-)


아이폰에서 본 제 블로그의 모습입니다.


위 이미지는 데스크탑 (1024*768)사이즈로 확인한 모습입니다.


반응형 스킨으로 적용했다면 "트로이랩"에서 어떻게 표현되는지 확인해보세요.



페이스북, 카카오스토리, 빙글로 빠르게 아이디어홀 블로그 소식받자

RETURN TOP