티스토리반응형 스킨 적용을 위한 단계별 작업 Tip!
[티스토리 반응형 스킨 적용을 위한 작업 Tip!]
그동안 운영해 오던 스킨을 벗어버리고 새롭게 반응형 스킨을 적용해 보았습니다.
뭐 다른 이유야 어떻든 1여년 가까이 사용을 하다보니 제 스스로 약간 지루하다는 생각이 들어.. ^^;
그래서 뒤늦게 유행을 쫓아가고자 티스토리 반응형 스킨을 적용하는 작업을 해 보았습니다.
물론 제가 특별한 기술이 있는 것은 아니고 이미 잘 만들어 놓으신 여러 블로거 분들의 소스와 팁을 구해 적용을 해 보았는데요,
아.. 정말 어렵더군요.. ㅎ 자료 찾기도 너무 힘이 많이 들구요~
그래서 저같이 초보이신 분들께서 반응형 스킨 적용을 위한 단계와 관련 포스팅 자료를 정리해 드리면 도움이 될 것 같아 이렇게 포스팅을 올립니다. ^^
|
1. 반응형 스킨 선택하기! |
가장 중요한 것은 다양한 반응형 스킨을 확인하고 선택하는 것이 아닐까 생각이 듭니다. 그리고 가장 시간도 오래 투자하셔야 할 것 같구요.
디자인의 예쁜 요소도 중요하지만 이미 다양한 사용자들의 테스트로 다양한 관련 팁이 있는 것도 아주 중요하답니다. (저같은 초보자들에게는 말이죠~ ^^)
고민 끝에 저는 'FastBoot v1.6.1' 버전을 설치하였는데요.
관련 주요 특징은 아래 제작자 블로그에서 확인하실 수 있을 것 같애요.
이 자리를 빌어 다시한번 감사의 말씀을.. ㅎ
http://blog.readiz.com/214#.U_xtnMV_siM
|
2. 반응형 스킨 설치하기! |
계속해서 FastBoot v1.6.1 버전 중심으로 이야기 드립니다.
설치 방법 등은 제작자 분 블로그는 왠지 전문용어가 많아 조금 어려움을 느꼈구요.
오히려 아래 블로그 주소인 'IT 최강자'님께서 아주 쉽게 잘 설명을 해 놓으셨다구요. 링크를 따라가서 설치하시면 되겠습니다.
http://prolite.tistory.com/274
|
3. 글꼴 변경하기! |
저 같은 경우에는 이제까지 계속해서 '나눔고딕' 을 사용해 와서.. 스킨 변경 후 기본 글꼴 변경 작업을 가장 먼저 하였는데요,
정말 글꼴과 관련해서는 왜케 다들 어렵게 설명하시는지... ㅠㅠ 저 같은 초보자는 한참을 해매었답니다. ㅎ
자료를 찾다찾다 '열매맺는나무' 님 블로그가 가장 쉽게 따라할 수 있는지라~ 정말 간단히 변경 가능하더라구요~
아래 링크 확인하시면 좋을 것 같습니다.
http://www.fruitfulife.net/1114#.U_xuyMV_siM
하지만, 단점이 한가지 있습니다. 위 링크 방법은 블로그 방문자 pc에 나눔글꼴이 저장되어 있어야지만 제 블로그가 나눔글꼴로 보이는 단점이 있습니다.
따라서 이를 보완하려면 웹폰트를 적용해야 하는데요, 방법은 조금 어려울 수 있으나 아래 스킨 제작자 블로그 포스팅으로 해결이 가능하니 참고하여 주시기 바랍니다. ^^
|
4. 구글 애드센스 설치하기! |
정말 가장 난항을 겪었던.. 그리고 아직도 겪고 있는 부분입니다...
예전처럼 고정된 광고가 아닌 '반응형 광고'로 설치해야 하며 이에 따른 별도의 공부(?)가 필요한 부분입니다.
지금 나름 원하는 광고 스타일을 찾아 공부를 하며 반영은 하였는데.. 아직 원하는 모습으로는 나오고 있지 않네요..
제가 참고했던 블로그는 '목동자리의 악튜러스' 님의 블로그로 정말 친절하게 설명되어 있어 큰 도움을 얻고 있습니다.
하지만 아직 제 내공이 약한지라.. 모두 이해하기에는..ㅠ
본 블로그에 가시면 각 위치별 광고 게재하는 방법과 반응형 광고에 대한 글들이 있는데 나름 도움이 되시리라 생각됩니다.
http://nightsky21.tistory.com/150
|
마무리하며.. |
지금까지 나름 티스토리 반응형 스킨을 적용한 단계와 도움을 구했던 분들의 링크를 정리해 드렸는데요,
블로그 운영에 조금이나마 도움이 되셨길 바랍니다. ^^
이상! '티스토리반응형 스킨 적용을 위한 단계별 작업 Tip!' 에 관한 포스팅이였습니다.
[도움을 주신 여러 블로거 분들 이 자리를 빌어 다시한번 감사의 말씀 드립니다. ^^]
|
! 관심있을만한 Newbiz Story! 의 또다른 포스팅 모음 ! |