들어가기 전에 


네이버 블로그 등 다른 블로그와 다르게 티스토리를 하면 반응형 블로그를 만들 수 있다. 이것때문에 티스토리를 하지 말기 바란다. 왜냐하면 아래에 설명할 어려운 점이 많기 때문이다. 이 글에서는 티스토리에서 반응형 블로그를 만드는 것에 대해 설명할 것이 아니라 티스토리에서 반응형 스킨을 사용하는데 여러가지 문제가 있다는 것을 설명하고자 한다. 참고로 반응형 티스토리에 대해서는 아래 글을 보기 바란다.


들어가기


1. 미디어쿼리는 익스플로러 8 이하는 지원하지 않는다.


스마트폰, 태블릿PC 등 모바일 기기 사용이 많으므로 요즘 반응형 사이트가 대세인데 우리나라에서 익스플로러 7,8 사용자가 많아 반응형 블로그를 만드는데 많은 어려움이 있다. 아래 그림은 이 블로그 방문자의 브라우저 사용 현황인데 확실히 익스플로러 7,8 사용자가 많다. 아래는 이 블로그의 통계인데 이 블로그만이 아니고 모든 블로그 아니 우리나라 거의 모든 사이트가 비슷하다고 생각하면 된다.  어떤 블로그는 주로 네이버나 다음 블로그는 익스플로러 7,8 이 90%가 될 것 같다.



반응형에서 기본인 CSS3의 미디어쿼리는 익스플로러 8이하는 지원하지도 않는다. 가정이 아닌 대부분의 회사에서 윈도우 XP의 익스플로러 8이하를 사용할 것인데 미디어쿼리가 안되면 반응형이 안돼 깨져 보인다. 그때 이상하게 생각하지 말기 바란다. 그러나 Readiz님의 Fastboot 스킨은 스크립트를 사용하여 익스플로러 7,8에서 미디어쿼리를 지원하도록 한다고 알고 있다. 즉 반응형이 된다는 말이다.


- 미디어쿼리는 익스플로러 9이상에서 -

스마트폰이나 태블릿PC에서 접하는 모든 브라우저는 미디어쿼리를 지원하니 반응형 스킨을 적용한 블로그에 아무런 문제가 없으니 걱정 말기 바란다. 문제는 익스플로러 8이하 브라우저를 사용하는 컴퓨터다. 참고로 윈도우XP 최고 익스플로러 버전은 8이다.


2. 반응형에서 지원하지 않는 관리 설정이 많다.


위는 브라우저가 CSS3의 미디어쿼리를 지원하는가에 대한 것이었다. 이번에는 티스토리와 연관된 것이니 알아두기 바란다. 아래 그림처럼 모바일웹 스킨을 OFF로 하면 티스토리에서 제공하는 모바일 페이지를 사용하지 않겠다는 말이다. 이러면 모바일 페이지로 접속할 수 없게 된다. 그러면 오로지 PC 페이지로만 접속하게 되니 플러그인에서 모바일용 플러그인을 사용하지 못하게 된다. 그리고 모바일웹 스킨 설정도 필요없다. 



이외에도 인기 있는 반응형 스킨을 적용해 보면 알겠지만 반응형 스킨에서 설정 적용이 안되는 스킨이 많다. 이것은 반응형 스킨만 아니라 일반 스킨에서도 해당된다.  이것에 대해서는 2014/05/10 - 관리 등 여러 부분에서 할 수 없는 것이 있다에서  설명했다.


3. 반응형을 지원하지 않는 위젯이 많다.


티스토리는 반응형을 지원하는데 문제는 반응형을 지원하지 않는 위젯이 많다는 것을 알아야 한다. 그러면 블로그는 반응형인데 위젯이 반응형이 안돼 이상하게 보일 수 있다는 말이 된다. 이것에 대해서는 2014/04/04 - 별로인 반응형 블로그(티스토리)에서 자세히 설명했다. 해외 블로그는 위젯이 방해되는 위젯이 거의 없는 것으로 아는데 티스토리에는 방해되는 것이 너무 많은 것 같다. 아래 더보기 안에 간단히 구글 블로그인 블로거에서 반응형 스킨 지원하는 것을 알아보았다.


마치기


위에서 지적한 문제는 티스토리가 몇 년간 블로그를 방치한 잘못인 것 같다. 그건 그렇고 기본적으로 위와 같은 익스플로러 7,8에서는 CSS3 미디어쿼리를 지원하지 않는다는 것을 알았으면 한다. 그리고 반응형 스킨은 일반 스킨보다 상위 익스플로러9이상을 웬만하면 10이상을 필요로 한다.


BY 엔팩스

'블로그' 관련된 글

  1. BlogIcon Blueman 2014.05.18 11:43  댓글주소  수정/삭제  댓글쓰기

    티스토리 이웃 블로거 중에 반응형 스킨 쓰는 사람이 있는데 부럽다는 생각을 했죠. 근데 티스로리도 쉽지았다는 걸 알게되었습니다.

    • BlogIcon 백전백승 2014.05.18 17:19 신고  댓글주소  수정/삭제

      Blueman님의 블로그도 익스플로러 8이하에서 반응형이 안 될 것입니다. 그보다도 이글루스 관리에서는 안 되는 부분이 아마도 전혀 없을 것입니다. 이글루스를 별로 사용하지 않아서요. 그러나 티스토리는 정말 많습니다. 단지 멋있는 것으로 반응형 스킨을 접하면 큰 코 다칠 것 같습니다.

  2. BlogIcon A TearDrop 2014.05.18 12:16 신고  댓글주소  수정/삭제  댓글쓰기

    백전백승님은 오래되셔서그런지...
    7,8 방문자가 많으시네요 '';;
    잘보고갑니다

    • BlogIcon 백전백승 2014.05.18 17:22 신고  댓글주소  수정/삭제

      글의 그림은 통계수를 많게 하기 위해 올해 브라우저 통계고 이번 달만 하면 익스플로러 11이 1위예요. 윈도우XP 종료후 익스플로러 7,8 사용자가 줄어더라고요.

  3. BlogIcon 신기한별 2014.05.19 22:20 신고  댓글주소  수정/삭제  댓글쓰기

    저도 조만간 XP에서 7으로 OS 옮길예정이라.. 컴도 같이요.... 집 컴이 6년정도 넘게 썼더니 메인보드가 거의 맛가더라구요...

  4. BlogIcon 이바구™ - 2014.05.20 15:45 신고  댓글주소  수정/삭제  댓글쓰기

    저는 이같은 사실을 알고도 반응형을 고집하고 있습니다.
    양쪽을 다 가실 수는 없겠더라구요.
    구글에서 봤더니 제 블로그는 윈11이 35% 윈7,8이 40% 정도 되네요.

    • BlogIcon 백전백승 2014.05.20 16:03 신고  댓글주소  수정/삭제

      잘 모르지만 아니까 무시하지 모르면 아마 무시하지 못할 것 같아요. 저는 이 블로그가 아닌 반응형을 실험하는 블로그는 익스플로러 7,8 을 무시해버려요.

      ps. 이 블로그 익스플로러 11 접속자는 23%나 되네요. 윈도우XP 종료가 나타나는 것 같습니다. 아마 올해말에는 점유율이 상당히 높을 것 같습니다.

  5. BlogIcon Orangeline 2014.06.09 15:28 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 하는사람들에게 정말 백전백승님 블로그는 유용한 자료가 많습니다.
    자주 참고하겠습니다. 하지만 저는 읽어봐도 뭘 반응하는지 잘 모르겠네요 ㅜ.ㅜ

    • BlogIcon 백전백승 2014.06.09 19:00 신고  댓글주소  수정/삭제

      감사합니다. 계속 글을 쓰면서 쉽게 적으려고 내용을 업데이트하고 있어요. 처음에는 반응형이 어려우나 계속 반응형 블로그, 사이트, 글 등을 자주 접하면 어렵지 않을 것 같습니다.

  6. BlogIcon Walter E. 2014.07.18 08:10  댓글주소  수정/삭제  댓글쓰기

    저도 반응형 스킨을 사용하고 있지만, 일부분을 제외하곤 전부 자바스크립트로 처리했습니다. 미디어쿼리는 최신 기술이지만, 자바스크립트는 오래전부터 있어왔던 것이라 구형 웹브라우저에서도 될 것이라 생각했죠. 그리고 윈도XP 지원 중단으로 인하여 IE11 사용자가 늘어난 건 사실인 것 같습니다. 제 블로그도 그렇네요.. .ㅎㅎ

    • BlogIcon 백전백승 2014.07.18 11:11 신고  댓글주소  수정/삭제

      Readiz님의 Fastboot 스킨은 익스플로러 7도 지원하더라고요. 그 스킨의 브라우저 지원 여부는 자세히 모르고요. 저는 골치 아픈 것이 싫어 익스플로러 8이하는 고려도 하지 않지만요.

      확실히 윈도XP 중단으로 익스플로러 11 사용자가 늘었더라고요. 이제는 이 블로그도 11이 1등입니다. 전에는 7이나 8이 1등이었거든요.