쏘야의 소소한 이야기 :)

표잘림 현상 해결방법 및

 

모바일 웹 자동 연결 해제 (반응형)


안녕하세요 쏘야입니다 : )

티스토리를 시작한 지 3주가 다 되어가고 있습니다.

애드센스 승인 기준을 맞추기 위해 저 또한 꾸준하게

블로그 공부를 하면서 주말을 제외하고 1일 1포스팅을

기준으로 꾸준하게 포스팅을 하고 있습니다.

 

누구에게나 시작은 처음이라고 하는데

저 처럼 처음 블로그를 시작하시는 분들, 시작하실 분들을

위해 제가 지금까지 공부해 왔던 발자취를 남기고 있습니다.

앞으로 블로그를 시작하시는 분들에게 조금이나마 도움이 되었으면 좋겠습니다.

 

저는 현재 블로그 공부를 하는 것이 하루 일과입니다.

그래서 지금은 블로그 공부를 하면서 습득했던 방법들을 포스팅해 알려드리고 있습니다.


블로그 포스팅은 앞으로도 꾸준히 올릴 예정이지만


어느 정도 블로그 운영 고급 과정까지 지나고 나면 제가 진짜 하고 싶었던

"정부 정책 지원"과 관련된 콘텐츠로 블로그를 운영할 계획입니다.


앞으로  청년들에게 그리고 모든 사람들에게 양질의 정보를 드리기 위해 노력하겠습니다.


블로그를 포스팅하면서 몇가지 문제를 겪는 경우가 있으실 텐데요

그래서 오늘은 그러한 문제들을 쉽게 해결할 수 있는 해결 방법을 포스팅하도록 하겠습니다.

 

 

표잘림현상 해결방법

 

 

오늘은 포스팅을 올리면서 조금도 깔끔한 글을 쓰기 위해 표를 삽입하여

글을 작성하시는 경우가 있습니다. 

표에 사진을 첨부하였는데 모바일에서 확인을 해보면 잘림 현상이 생기는 경우가 있습니다.

PC버전에서는 정상적이게 노출이 되는데도 불구하고

모바일은 잘림 현상이 일어나게 되는 것 입니다. 

 


표잘림 현상 해결 방법에 대해 알려드리도록 하겠습니다.

 

 

먼저 글쓰기 화면에서 포스팅 글 작성이 완료되었으면

우측 상단에 [HTML] 버튼이 보이실 텐데 클릭 해줍니다.


그럼 이게 뭔지 초보자분들은 못 알아보실만한 영어 글귀들이 나옵니다.

 

 

 


Ctrl+f를 눌러 검색을 할 수 있게 활성화시킨 후 "width"를 검색해 줍니다.

 

[ "WIDTH"는 폭, 넓이를 뜻하는데 WIDTH: 825로 되어있는 부분을 "100%"로 수정] 하여 줍니다.

 


예시) WIDTH: 825:   → WIDTH: "100%"

 

 

 

 

수정전에는 사진이 반 정도가 나와서 옆으로 드래그를 해서 봐야 했습니다.

모바일에서 잘림 현상을 포스팅을 하시는 분들은 그냥 당연하게 생각을 할 수 있지만

구독자 입장으로써는 좌우로 넘겨서 보는 것이 다소 불편한 감이 있어 가독성을 떨어뜨릴 것입니다.

 

 

수정을 하고 난 후에는 모바일에서 잘리지 않고 모바일 크기에 맞추어서 노출이 되어

좀 더 구독하기 편한 구조가 되었습니다.

 

 


(수정 전후)

 

 

 

모바일 웹 연결 해제하기

 

 

저는 다른 유명 블로거님께서 직접 제작한 스킨을 제공받아 사용하고 있습니다.

반응형 스킨임에도 불구하고 스킨이 제대로 적용이 되지 않을 경우가 있습니다.


반응형 스킨은 모바일 웹 자동 연결을 해줄 필요가 없으며,

자동 연결을 사용하지 않아야 스킨이 제대로 적용이 되어

PC버전과 같은 화면으로 블로그를 볼 수 있습니다.

 

 

모바일 자동 연결 해제 방법은 [관리자 모드]로 들어가 줍니다.

 

 

 

 

좌측 하단으로 내려가보면 [모바일] 버튼을 눌러줍니다.


 

 

 

그럼 다음과 같은 화면이 나오는데

처음 티스토리를 시작하시면 기본 설정으로 티스토리 모바일웹 자동 연결을

"사용합니다"로 되어있습니다.

 

 

 

 

이 부분을 "사용하지 않습니다"로 바꾸어 주시고 [변경사항 저장] 버튼을 누르시면

수정이 완료되었습니다.

 


반응형 스킨을 사용하시는 분들은 꼭 모바일 웹 자동 연결을 해제하시길 권장 드립니다.

 

 

 

TOP