티스토리 반응형 스킨 추천 WINDUP SIMPLE 본문

블로그팁

티스토리 반응형 스킨 추천 WINDUP SIMPLE

진실된정보 2017.01.26 07:29

반응형 스킨. 말 그대로 태블릿이나 스마트폰과 같은 모바일 기기에서도 PC와 같은 화면을 보여주기 위하여 스킨의 메뉴 배치, 본문 너비 등의 조절을 알아서 반응하는 스킨이다. 


텀블러 태동기 시절 스킨 디자이너들이 웹표준을 지향하는 반응형 스킨 디자인을 선보인 후 이후 워드프레스 붐을 타고 여러 반응형 스킨이 인기를 얻은 덕분에... 티스토리에도 뒤늦게 여러 반응형 스킨이 생겨나고 블로거들이 사용하게 되었다고 본다. 


말해 뭐해. 백문이 불여일견. 반응형이 무엇인지 보자. 



첨부한 애니메이션 GIF 움짤과 같이 PC에서는 브라우저의 크기를 조절하면 블로그 스킨 역시 브라우저의 폭에 반응해 스킨 사이즈를 즉각적으로 새롭게 반응 조정하는 것을 알 수 있다. 


또 하나 보자. PC에서 사파리 브라우저를 이용한 스킨 모양과 아이폰과 아이패드와 같은 모바일 환경에서 보이는 블로그 스킨이 흡사하지? 이처럼 어떤 기기에서 내 블로그에 접속하든 기본적인 틀이 크게 변하지 않고 보여 지는 화면의 크기에 따라 반응하는 스킨이 바로 반응형 스킨이다. 



티스토리 왜 할까? 애드센스 때문이지? 


티스토리에는 여러 반응형 스킨이 존재하는데 정작 애드센스에 최적화된 반응형 스킨은 거의 없었다. 그래서 여러 반응형 스킨을 직접 적용해본 후 테스트를 통해 페이지 로딩 속도도 빠르면서 애드센스 배치에 최적화된 반응형 스킨을 찾은 것이다. 


그게 바로 티스토리 필명 ‘사진찍는삼촌’님께서 만든 ‘WINDUP SIMPLE’이다. 



*WINDUP SIMPLE 다운로드 링크 http://beintous.tistory.com/403


*스킨 본문, 사이드바 가로폭 수정 참고 http://beintous.tistory.com/414


*카테고리 다른글 더보기 참고 http://beintous.tistory.com/404


*애드센스 설치 방법 참고 http://windup.beintous.net/33


*검색창 추가 소스 참고 http://beintous.tistory.com/418



티스토리 스킨의 적용과 설정 방법에 대한 설명은 따로 하지 않는다. 하고자하는 의지가 있다면 써칭을 통해 우선 기본적인 것을 스스로 탐독하는 자세가 중요하다. 


그다음 위의 링크를 하나씩 확인한다면 티스토리 반응형 스킨 WINDUP SIMPLE을 사용하는데 충분히 참고가 될 것이다. 


이게 왜 좋은지, 이 스킨을 왜 추천하는지 써보지 않고선 절대 모를 것이다. 더구나 재배포만 아니면 스킨 사용에 어떤 제약도 없고, 결정적으로 무료 스킨이다. 이 얼마나 감사한 일인가? 



Total
41,344
Today
0
Yesterday
40