안녕하세요~작은나무입니다!!
이번 포스팅은 티스토리 블로그 모바일스킨 설정과 PC와 모바일 본문 폰트 사이즈 변경에 대해 알아보려 합니다.
반응형 스킨을 적용하고 티스토리 모바일웹으로 자동 연결되도록 설정하여 사용하고 있었는대요 마우스 오른쪽 클릭 방지 작업을 하다 새로운 사실을 하나 알았습니다.
설정 후 PC에서는 잘 동작하지만 모바일에서는 동작을 하지 않는게 이상하더라구요~
티스토리는 모바일웹의 소스는 수정할 수 없기 때문에 설정 적용이 안되는 거였네요...
티스토리 모바일 본문 폰트 변경하기
그래서 모바일 꾸미기 설정에서 모바일웹 자동 연결을 사용하지 않습니다.로 변경을 했더니 모바일에서도 정상적으로 마우스 오른쪽 클릭 방지가 설정되었습니다.
기존에 티스토리 모바일 웹에서 보던 화면보다 글의 가독성이 조금 떨어지고 좀 답답하게 화면이 표시되서 약간 수정을 해보기로 했습니다.
티스토리 관리화면에서 꾸미기 > 스킨 편집에서 html편집 화면으로 가신 후 CSS탭을 선택합니다.
@media only screen and (max-width:738px)라고 보이시는 곳의 .area_view와 .area_view p 소스에서 사이즈와 글꼴 그리고 색상을 변경 진행하였습니다.
변경 전과 변경 후의 모바일 사이트를 비교해 봤습니다. 조금 더 가독성이 좋아 보이나요?
저는 이렇게 설정하고 나니 확실히 좋아 보입니다. 모바일에서 본문 폰트 사이즈를 변경해 봤습니다.
저는 글의 내용은 좋지만 좀 답답하게 느껴지면 글을 읽지 않게 되더라구요
같은 고민이신 분들께 도움이 됐으면 좋겠습니다.
