[TIP] PC에서 모바일뷰 글자 최적화 하는 방법

 

 

#PC환경에서 모바일 플랫폼 환경으로 가독성 최적화하기

PC에서는 게시판을  한눈에 볼수있지만 모바일 환경이라면

한눈에 보지 못하고 한 줄로 보이던 글이

밑으로 내려가 두줄이 되어 가독성이 상당히 보기 불편합니다.

이를 최대한 방지하기 위해서는 어느 정도 글자를 최적화를 해주는 것이 좋습니다.

1.F12  개발도구 콘솔 응용하기

우선 모바일 화면으로 보고 최적화하고 싶은 게시물에 들어간다.

키보드 F12를 눌러 브라우저 개발 콘솔을 활성화시킨다.

옆에 요소들은 볼 필요 없다. 

중앙 위에 Responsive를 눌러보자

디바이스 별로 세팅값이 있는데 눌러보면 즉각적으로 해당 장치의 모바일 환경으로 

내 게시글을 볼 수 있다.

아이패드 프로는 PC를 옮겨놓은거같다. 거의다 보임

해당 모바일 기기로 보면서 불편해 보이는 글이 있다면 가독성 좋게 수정하면 될듯하다.

빠져나오는 건 우측 상단의 X 버튼이나 F12를 다시 누르면 된다.

Edit을 누르면 더 많은 기종들이 있다. 

콘텐츠 내 자동 삽입 광고 배치하기

 

2. 스킨 편집 기능을 활용

관리자로 들어가서 설정에 스킨편집을 눌러보자.

 

PC - 태블릿 - 모바일 을 간편하게 볼수 있다.

물론 모바일 별로 화면비율이 상이하기에 세세하게 세팅하기에는 F12가 더 좋을 수 있다. 

 

3. 글 편집 기능

해당 게시판을 수정하기를 들어가면 

미리보기를 지원합니다.

대표 기종 5가지를 지원해서 글 작성 중에서도 모바일에서 어떻게 보이는지

확인할 수 있습니다.

그렇다고 모바일에만 너무 초점을 잡는다면 

PC같은 환경에서는 글이 너무 짧게 툭툭 끊길수있으니 주의!