최근 이웃분이 스마트폰으로 제 블로그를 보시다가 모바일 페이지에 제 블로그 포스팅의
소제목이 너무 작게 보이는 오류가 생기는것 같다고 요즘은 스마트폰으로 블로그에 접속하는
방문자들이 많기 때문에 빨리 오류를 수정하는것이 좋을것 같다는 댓글을 주셧습니다.

 그래서 원인을 밝혀나가면서 모바일 페이지에서 블로그의 가독성을 좋게만들수 있는
소소한 팁들을 포스팅 해봤습니다. 


단락을 이어주기


 개인적으로 포스팅을 할때 가로폭을 꽉채워서 포스팅을 해주면 왠지 답답해보인다는
느낌이 많이 들었습니다. 그래서 임의로 엔터키( 줄바꿈/<br> 태그)를 줘서 끊어줬습니다. 

 그런데 스마트폰에서는 일반모니터에 비해서 폭이 좁기때문에 엉뚱한곳에서 줄바꿈이 되어
버려서 지저분해보였습니다. 그래서 한 단락이 끝나기전까지는 임의로 엔터키로 끊어주지
않는것이 좋은것 같습니다.  


포스팅 제목 이미지로 사용금지 

 제 블로그의 이미지가 글씨가 아주 작아보였던 이유는 바로 포스티으이 제목을 이미지로
작업을 해서였습니다. 모바일 페이지에서는 이미지를 가로폭에 맞게 임의로 변경이 되기때문에
포스팅제목을 이미지로 사용하면 이미지가 줄어들수가 있습니다.  


 그래서 가급적이면 포스팅이나 소제목을 만들어줄때는 이미지보다는 텍스트로
만드시는것이 좋을것 같습니다.

Tip. PC에서 자신의 모바일 페이지를 확인하려면 ? 

 자신의 블로그주소에 /m을 붙이면 PC에서도 모바일 페이지를 확인하실수 있습니다. ^^;



후기

일단 단락동안 줄바꿈을 하지 않고 계속 이어주면 PC에서 볼때 너무 답답해보이고, 글상자를
소제목으로 이용하거나 포스팅 제목을 이미지로 만든것은 지금까지 사용해왔던 방법들이기
때문에 모바일페이지에 대비해서 어떻게 수정을 해나가야할지 많은 고민을 해봐야될것 같습니다.










신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 최정

    저도 제글을 아이폰으로 본적이 있는데.. 비참하더군요.......
    뭐 그래도 어쩔수 없음...............ㅠ.ㅠ
    하지만 이것도 참고해야 겠군요

    2010.12.13 14:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 하긴 요즘 스마트폰 없는 사람이 없죠... 저빼구요 ^^;;
    주변분들도 스마트폰으로 다음뷰 많이들 보시더라구요
    이제는 모바일도 신경써야하는 시대가 온거로군요 ^^

    2010.12.13 14:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 확실히 스마트폰이 많이 쓰이게되면서 모바일에서도 보이는것을 신경쓰지 않을수 없게됬어요~ㅎㅎ
    저도 모바일에서 글을봤더니...제목이 두줄로 나뉘면서 겹쳐보이더라구요..살짝^^;;
    원래쓰턴 글쓰기폼을 바꿔야하나 고민중입니다..ㅎㅎ

    2010.12.13 16:02 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 비밀댓글입니다

    2010.12.13 16:05 [ ADDR : EDIT/ DEL : REPLY ]
  6. 스마트폰 사서 가끔 모바일로 보는데 이런 문제 때문이었네요^^

    2010.12.13 16:29 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 모바일 최적화...ㅎㅎㅎ
    블로그하면서 신경써야할 것들이 너무 많은듯 합니다.

    2010.12.13 18:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 이제는 스마트폰에서 보는것도 신경써서 글을 써야겠군... ..
    아 티비님 블로그 글꼴은 어떤 글꼴이세요 ? 갑자기 티스토리가 이상해져서 글꼴도 적용이 안되고 스킨도 다 날아가버려서 ㅜ.ㅜ

    2010.12.13 22:58 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 전;;;생각도 못 해본 부분입니다.
    모바일에서 보면 다르게 나오는 군요;;;
    점점 신경쓸 일이 많아지는 블러그네요.
    항상 앞서 설명해 주셔서 감사합니다.^^

    2010.12.14 09:46 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 저도 잘 보고 갑니다. 이제 모바일 환경도 신경써야겠어요 ^^

    2010.12.14 10:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 요즘 폰으로 웹을 많이 보니까 이런것도 정말 유용한 팁이겠어요^^

    2010.12.14 17:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 저도 가독성에 신경을 쓰는데, 제가 아는 팁으로는...
    본문 사이즈보다 큰 이미지를 넣을 때 센터 정렬로 해 놓는것이 좋습니다. 그러면 모바일 가로폭 사이즈에 딱 맞춰져서 보이는데...
    같은 이미지더라도 좌로 정렬하면 화면이 좌우로 움직여져 불편하더군요...

    티브이님 즐건 하루요~~^^

    2010.12.15 13:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 아 PC에서도 모바일 화면을 확인할 수 있었군요~
    감사합니다

    2010.12.15 16:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 오홍... 모바일페이지에서는 다 똑같은 줄만 알았는데 다를 수도 있다는 것이군요...ㅎㅎ

    좋은 팁 감사합니다.ㅎㅎ

    2010.12.20 13:26 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 정말 좋은팁인것같아요 ... 모바일까지 생각하는 .!!
    저 기억하시려나 ... ? 블로그 꾸미는것도 티비님이 많이 도와주셨는데 한 2달간 말도없이 블로그 활동을 못하게되었는데 이제 곧 다시 시작해보려구요 헤헤 ...

    2011.01.02 22:55 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 이 제출할 장관이 될 수 있습니다. 저는 현재 분명한 내용을 인식하고 생각한다. 우리는 문체와 함께 정확히 어떻게 의견을 전달하는 감동하고 있습니다.

    2012.06.07 21:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 나는 자네가있는 상태로 필요한 것을 통해 재미있게 읽었 때문에 상당한되고, 인정 해, 머지 않아 그러나 피곤 지원할 수 없습니다.

    2012.06.07 21:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 난 누구도 현재 자료를 제공하며 현재의 풍경을 제공하는 방법에 대한 좋은 열성적이다. 많은 감사합니다.

    2012.06.07 22:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 난 누구도 현재 자료를 제공하며 현재의 풍경을 제공하는 방법에 대한 좋은 열성적이다. 많은 감사합니다.

    2012.06.07 22:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 내가 여기 당신과 함께 봐야 겠는데 요. 그래서 내가 보통 뭔가되지 않습니다! 나는 현대 베라 크루즈에게 사람들을 생각하게하는 글을 읽고 즐길 수 있습니다. 또한, 제가 언급 할 수있게 해 주셔서 감사합니다!

    2012.11.20 18:51 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 글 너무나도 잘봤습니다^^
    너무나도 궁금했던점이었어요~~
    하나 궁금한게 있는데요!!
    글쓰기 가로폭이 700이나 550이나 상관 없나요??

    2013.05.14 21:02 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바