티스토리 반응형 스킨 , 각 휴대폰 미리보기

네 안녕하세요. 오늘 포스팅할 내용은 티스토리 반응형 스킨을 쓰시는 분들을 위한 글입니다. 요새는 모바일이나 태블릿으로 티스토리를 방문하는 경우가 50프로가 넘어가는 건 별로 놀랄 일도 아닐겁니다. 그렇다보니 많은 분들이 반응형 웹으로 바꾸거나, 시도하려는 움직임이 보이는데, 저도 완전 초보 단계라서. 지인분의 도움을 받아 만져보고 있습니다.

 

 

 Windup님 블로그 바로가기 

 

 

자, 그럼 반응형 웹에 대해서 관심 있으신 분들은 아무래도 각 기종별이나 아니면 간단하게

데스크톱에서 보이는 광고크기와 휴대폰에서 보이는 광고크기를 다르게 설정하고 싶으실텐데요.요부분은 다음포스팅에서 다루도록 하고, 휴대용 각종 모바일 기기에서 내 싸이트가 어떻게 보이는지 알 수 있는 곳을 한군데 알려드리도록 하겠습니다.

 

트로이라는 싸이트입니다 [바로가기]

 

 

 

 

사용방법은 굉장히 간단합니다. 알아볼 블로그나 싸이트 주소를 위쪽 빨간박스가 있는 란에 적어 주시구요. 왼쪽 세로빨간박스에 있는 국내 휴대폰 기종을 눌려서 어떻게 뜨나 보면됩니다. 갤럭시s2 기종에서 제 블로그는 300x50 광고가 노출이 되게 설정을 했는데, 약간 광고가 짤리는 감이 있네요.

 

 

 

광고가 짤리는 것은 상관없지만, 위 그림처럼 일부 기기에서 포스팅 제목과 광고만 노출이 되면 정책위반 경고를 받을 수도 있으니, 너무 광고수익에 욕심을 내지말고 적절한 크기의 광고와 컨텐츠가 충분히 노출될 수 있도록 하는게 중요한 것 같습니다.

 

간단하게 티스토리 반응형 웹이 모바일에서 어떤 식으로 나오는지 포스팅해보았습니다^^

위에서 말씀드린 데로 다음 번엔, 저같은 초보도 이해할 수 있게, 각 모바일 크기별로 어떤 크기의 광고가 나오도록 할지 세팅하는 방법을 알려드리도록 하겠습니다.