티스토리 반응형 블로그 스킨 적용 v0.9

반응형

티스토리 반응형 블로그 스킨 적용 v1



변경 전 스킨과 변경 후 스킨


변경 전 스킨

변경 후 스킨



변경 전 스킨

변경 전 티스토리 스킨 이미지입니다. 그간 참 오래도록 사용해 온 스킨인데요. 지금와서 생각해보니(실제로 찾아보진 않고...) 못해도 한 3년 정도는 사용해 온 스킨이 아닌가 싶습니다. 정말 유익한 스킨이었고 지금도 그렇지만 지금도 많은 분들께서 사용하시는 스킨이라 생각합니다. 티스토리 기본 스킨 위에다가 CSS 및 HTML 코드 일부를 덮어 스타일을 적용하여 초보자도 쉽게 접근하기에 좋다는 장점 뿐만 아니라 블로그 디자인을 각 잡히도록 만들 수 있다는 장점이 있었던 스킨이었습니다.

저 같은 경우에는 해당 블로그의 스킨을 이용하면서 정말 많은 것들을 경험할 수 있었는데, 스킨이 잘 적용되다보니 블로그 활동에도 영향을 준 것인지, 블로그 활동 또한 본격 활발하게 할 수 있었던 계기였습니다.

이제는 역사속으로 흘러갈 디자인이네요. 그동안 정이 많이 들었었는데, 참 시원섭섭하네요.^^;

이 자리를 빌어 그동안 좋은 스킨 사용할 수 있도록 해주신 티비님께 진심으로 감사드립니다. 티비님 블로그를 방문해보니 2011년 이후부터 블로그 운영이 안되고 있군요... 감사의 인사라도 전해야 할텐데....

제가 사용했던 그 전 스킨에 관심있으신 분들은 티비님의 블로그에 방문하여 스킨을 훑어보시길 권해드립니다. 티비의 세상구경 블로그 ↩


변경 후 스킨

최근 봤던 스킨 들 중 가장 마음에 드는 스킨입니다. 반응형 웹 기능 뿐만 아니라 티스토리에 잘 어울리는 색상 컨셉과 디자인도 이 스킨의 주요 장점이라 하겠습니다.

해당 스킨은 마크쿼리님의 스킨입니다. 정말 좋은 스킨 제공해 주신데에 대해 감사드립니다. 이렇게 괜찮은 스킨이 무료배포 되고 있다는 사실에 처음으로 놀랐고, 그 다음으론 벌써 티스토리 블로거분들 중 많은 분들이 반응형 웹 스킨(꼭 이 스킨이 아니더라도)을 사용하고 있다는 사실에 놀랐습니다. 업계로 치자면 이런 사이트를 하나 구축하는데에는 못해도 몇 십 ~ 몇 백 정도는 견적이 나올텐데, 이렇게 미래지향적이고 깔끔한 스킨이 무료 배포되고 있다는 사실에 여전히 감격 중입니다. 냉큼 적용해버렸네요~


제 생각에는 이 스킨은 돈 받고 팔아도 될 정도입니다. 이렇게 좋은 스킨을 무료로 제맘대로 쓰고 있다는 점에서... 참 미안해지기도 하는데, 나중에 마크쿼리님께 술이라도 한잔 사드리고 싶은 심정입니다.ㅎㅎ

정말 오랜만에 스킨을 변경하다 보니.... 확실히 애로사항이 많더군요. 스킨 바꾸는게 참... 시작하기 전에는 별 것 아닌 일 같지만 막상 하니까 해야할 것이 한 두가지가 아니더군요. 가장 기본적인 HTML 문법도 까먹어버린 내 머릿속의 지우개가 되어버리는 바람에 마크쿼리님의 레퍼런스와 구글링 등을 통해 겨우겨우 만들어 적용하였습니다. 근 일주일을 붙잡고 있었던 것 같은데... 결과물은 시간대비 효율적이지 않을진 모르겠네요;;;ㅎㅎ

여전히 해야 할 것들이 자잘하게 많이 있는 상태입니다. 지금은 이를테면 BETA라고 할 수 있을 것 같은데, 이번 달 내로 완벽하게 적용하려 생각중입니다.

이 스킨 같은 경우에는 마크다운을 지원하고 있어서 지금 이 글 또한 마크다운 형태로 작성 중입니다. 아직 에디터에서 바로 작성하거나 전문 글쓰기 프로그램에서만 글을 쓰다보니 마크다운 문법에는 익숙치 못한데, 열심히 적응하여 나중엔 미리보기를 하지 않더라도 머릿속에서 그려지는 이미지를 상상하며 열심히 적응해보려 합니다. 마크다운 문법 및 custom CSS 활용에 대해서는(매우 초보분들을 대상으로 하는) 추후 별도의 포스팅으로 알려드릴 수 있도록 준비하겠습니다.
또한, 제가 이 스킨을 작업하면서 했었던 작업들 중 마크쿼리님의 손길이 미치지 않았던 부분 같은 경우에는 제가 다른 분들의 도움을 받았던 것처럼, 저도 다른분들께 도움이 될 수 있도록 잘 정리하여 추후 포스팅할 예정입니다. 스킨 적용이 완료되면 이 스킨과 관련된 몇 개의 블로그 포스팅을 할 생각이네요~~~

제가 볼 때, 지금 이 스킨은 티스토리 내에서 곧 국민 스킨이 될 가능성이 높습니다. 자유도가 높고 개인의 능력에 따라 여러가지의 형태로 확장 가능하다는 확장성도 장점이며, 게다가 반응형 스킨에다가 커뮤니티 구성도 매우 잘 되어 있는 것이 특징입니다. 관심 있으신 분들은 마크쿼리 님의 홈페이지도 방문해보시길 권해드립니다. ^^ 마크쿼리 홈페이지 ↩



P.S

  • 스킨 변경은 두 번, 세 번... 아니 한 다섯 번 쯤 고려하고 시도하세요. 진격으로 시도하면... 낭패나는 경우가....
반응형

댓글(53)

  • 이전 댓글 더보기
  • 2013.12.10 14:05

    모바일로 보는데 모바일스킨도 바뀌었네요.
    더 깔끔해요^^ 수고하셨어요

    • 2013.12.11 09:23 신고

      반응형웹이라서, 모바일에서도 비슷한 경험을 드릴 수 있도록 했습니다.ㅎㅎ

  • 2013.12.10 14:25

    새 스킨은 지적인 느낌이 물씬 풍기는데요~? ^^ 잡식성 문화지식 탐험가와 잘 어울려요~
    블로그 할 때 요런 디자인 바꾸는 거 저는 네이버라 쉬운 것 같아도 은근히 시간 참 많이 잡아먹는 거 같아요~ ㅠ.ㅠ 예쁘게 바꿔보고 싶은데 머릿 속엔 마땅한 게 떠오르지 않고!
    고생 많이 하셨어요~~ ㅎㅎㅎ

    • 2013.12.11 09:23 신고

      좀 더 운영하시다보면 하나씩 하나씩 추가하게 되실 것 같습니다.ㅎㅎㅎ

  • 2013.12.10 14:49

    안그래도 저도 예전 티몰스님 블로그 살펴보다가 맨밑에 티비님 닉네임 우연히 발견한후,클릭해서 그분 블로그 들어가본적 있는데, 블로그에 대한 좋은 정보 정말 많던데 안하신지 오래되셨더라고요. ㅎㅎ

  • 2013.12.10 14:56 신고

    이거 좋은데요. ~~테스트해보고 좋으면 변경해야겠습니다.~~
    블로 디자인이 비슷해 질거 같은데요.~~^^

  • 2013.12.10 15:06 신고

    몇년동안 스킨을 바꿔본적도 없는데...
    좀 변경해보고 싶은데...컴맹이다보니 영 쉽지가 않더라고요...
    사진크기가 가장 큰것만이 주 선택이고...
    심플한것이 또 좋다보니...ㅎㅎ

    • 2013.12.11 09:24 신고

      1단 스킨... 저도 사진에 자신만 좀 있다면 시도해보고 싶은 부분입니다.ㅎㅎ

  • 2013.12.10 15:23 신고

    멋진 스킨으로 바꾸셨네요~
    쉽지않을것같아서 시도도 못해보고 있네요...ㅠㅠ

  • 2013.12.10 15:45 신고

    초보 컴맹으로 저는 상상도 힘든 작업이네요..

    • 2013.12.11 09:24 신고

      티스토리 기본 스킨도 나쁘진 않지요.ㅎㅎ
      저도 그전에 기본 스킨 썼었고....ㅎ

  • 2013.12.10 15:57 신고

    기존의 스킨도 좋지만
    좀 더 깔끔해진 것 같네요
    잘 보고 갑니다

  • 2013.12.10 16:00 신고

    인사드리고 갑니다^^
    아무쪼록 남은 하루도 의미있는 시간이시길 바랍니다.

  • 2013.12.10 17:40 신고

    헉 이집이 아닌가.....
    예고는 접했지만 깔끔하니 바꾸셨네요^^
    선물은 딱히 없고 그냥 매일 열심히 오겠습니다~~

    • 2013.12.11 09:25 신고

      갑자기 오신 분들은 진짜 이집이 아닌가 싶으실것 같아요. 그래서 계속 이렇게 스킨 바꿨다고 글 올리고 있습니다.ㅎㅎㅎ
      매일 매일 와주세요^^

  • 2013.12.10 20:20 신고

    오.. 반응형스킨 정말 새롭게 보이네요.ㅎㅎ
    저도 기회가 되면 스킨을 한 번 바꾸어야 겠어요.

  • 2013.12.10 22:51 신고

    뷰온! 저는 예전 것이 더 익숙하고 좋은 것 같은데, 자주 보다보면 볼수록 매력이 있을 것 같아요.

  • 2013.12.10 23:49 신고

    변경 전도 좋고 후도 좋은데요^^
    하루 마무리 잘하시고, 좋은꿈 꾸세요^^

  • 2013.12.11 03:49 신고

    저도 요즘 스킨 변경을 고려 중인데 도움이 됩니다^^

  • 2013.12.11 08:25 신고

    능력자시군요^^~!
    저도 한번 살펴 보았는데,
    너무 어려워서 엄두를 못내겠더군요~!
    부럽습니다. ^^~!

  • 2013.12.11 08:59 신고

    대단하시군요.
    저도 한번 따라 해 보고 싶네요.
    잘 보고 갑니다.

  • 2013.12.11 14:51

    비밀댓글입니다

    • 2013.12.12 09:21 신고

      오탈자가 있었군요... 으악 ㅠ
      아직 마크다운 문법에 익숙치 않아서 실수 연발이네요 ㅎㅎ

  • 2013.12.11 18:20 신고

    코드 잘 못 건들면 난리 난다는 글들을 하도 많이 봐서 감히 손도 못대고 있는 1인입니다. ㅎㅎㅎ

  • 기사단
    2014.02.06 01:17

    마지막에 PS 밑에 빨간색 바! 이거 어떻게 하는건가요??

  • 2014.04.26 18:43 신고

    혹시 사이드바에 광고는 반응형광고인가요? 모니터 크기를 줄이니깐 작은 사이즈로 변경이 되어서 궁금해서 여쭤봅니다^^

Designed by JB FACTORY