블로그에 "반응형 웹스킨"을 적용해보다

블로그에 "반응형 웹스킨"을 적용해보다

2016년 새해도 밝았는데, 뭔가 새로운 일을 한번 해보고 싶었다.

그래서 그동안 벼르고 별렀던 "반응형 웹스킨"을 적용해봤다.

벼르고 별렀던 이유는 '근사해보이기는 하지만 왠지 낯선' 일을 하고 싶지 않아서였다.

해도 바뀌었으니 새로운 일을 한번 해보자! 싶어서 조심스럽게 바꿔봤다.

[수정1] 스킨을 적용하고나서 Header 이미지를 바꿨다.

스킨설명서대로 파일업로드쪽에서 header_default.jpg를 바꾸는 내가 올려준 사진으로 바뀌었다.

헤더 사진은 음력으로 2015년 12월 31일이이었던, 지난 일요일(2월 7일) 아침에 들렀던 빵집에서 먹었던 라떼와 발효빵 사진을 올려놨다.

지난해를 떠나보내고 새해를 맞이하겠다는 나름의 의지를 담아서 바꿔봤다.

[수정2] 스킨을 적용하고나서 애드센스도 손을 봐줬다.

전에는 하드코딩해서 스킨 HTML에 애드센스 광고들을 넣어줬었는데, 이번에는 티스토리에서 제공하는 "애드센스- 데스크탑용"에 전에 쓰던 광고 코드를 넣어주고 적용해주니까 편하게 수정할 수 있었다.

기존에 사용하던 모바일 웹스킨을 OFF로 해줘야 핸드폰에서도 적용한 반응형 웹스킨이 적용되는걸 알게됐다.

PC화면과 동일하게 광고가 나타남을 알게됐다.

주의할 점! 은 Tistory앱에서는 글에 상단과 하단에 보이는 광고가 "애드센스 모바일용" 광고가 보이기 때문에, 반응형 웹스킨을 적용했더라도 모바일용 애드센스 광고 플러그인을 그대로 두어야한다.