오늘 티스토리는 모바일용 티스토리 페이지 개편을 공지했습니다.
PC 이용자보다 모바일 이용자가 많아 모바일 중심으로 사이트를 개편한 것으로 보인다.
하지만 얼마나 많은 사람들이 휴대폰으로 티스토리 홈페이지에 접속하는지 모르겠습니다.
네이버나 다음과 같은 한국의 주요 포털은 모바일 장치에서 스플래시 화면에 액세스할 수 있는 경우가 거의 없습니다.
일반적으로 공유 링크를 통해 입장하기 때문에 개편이 극적인 효과를 내기는 어려울 것으로 보입니다.
여하튼 티스토리 블로그 스킨을 변경하여 사용하시는 분들에게는 불편한 소식입니다.
모바일에서 티스토리 접속 시 기본적으로 URL에 /m이 추가됩니다.
이렇게 접속하게 되면 티스토리 매니저 모드에서 모바일 버전을 사용하지 않도록 설정했어도 /m URL로 모바일 스킨으로 강제 접속하게 됩니다.
이 경우 CSS를 변경하여 스킨에서 본문 부분을 변경하면 h1에서 h6까지의 글꼴 관련 설정이 엉망이 됩니다.
무슨 뜻인지 이해를 돕기 위해 사진을 준비했습니다.
왼쪽 이미지는 PC 화면으로 보는데 모바일 스킨이 아닌 반응형 스킨으로 처리하면 실제 모바일 기기에서 왼쪽 이미지처럼 보입니다.
단, 우측의 기존 티스토리 URL 뒤에 /m을 추가하면 티스토리에서 제공하는 휴대폰 스킨으로 강제 전환된다.
실제로 꽤 좋습니다.
보통 body 3글꼴은 글씨가 너무 작아서 잘 쓰지 않는데 이 글꼴을 css로 수정하면 눈에 띄는 글꼴로 사용하고 티스토리에서 모바일 스킨으로 옮기면 됩니다.
어떻게든 반응이 좋은 PC 버전을 그대로 사용하는 것이 필요하니 기분 나쁘게 생각하지 마세요.
방법은 휴대폰 접속시 /m에 첨부된 URL에서 /m을 강제로 제거하고 반응형 PC버전으로 리다이렉트 하는 것입니다.
JavaScript를 자유롭게 사용할 수 없는 환경에서 이 문제를 해결하기 위해 인터넷에서 트릭을 찾았습니다.
누가 먼저 올렸는지 몰라서 출처를 밝히기 어렵지만 어쨌든 감사합니다.
먼저 아래에 첨부된 파일을 관리자 모드로 엽니다.
피부 편집들어가셔서 오른쪽 상단을 보시면 HTML 편집기그런 다음 클릭 파일 업로드하다바닥에 들어가다 에 추가 버튼을 클릭하여 업로드합니다.
그런 다음 마우스 오른쪽 버튼을 클릭하고 파일 경로를 복사하십시오.
대략적으로 말하면 https://tistory4.daumcdn.net/tistory/yourblogid/skin/images/script.js입니다.
이번에는 블로그 관리자 모드 메뉴에서 끼워 넣다Google 애널리틱스 추가 기능을 클릭합니다.
측정 ID 또는 추적 ID를 입력하십시오라고 표시된 필드에 있습니다.
부분을 입력하고 하단의 적용을 클릭합니다.
방금 업로드한 파일의 링크 주소를 복사하고, 위에서 설명한 방법을 사용하여 가져올 수 있습니다.
"></script><script src="http://blogschool.kr/m/방금 업로드한 파일의 링크 주소 복사">여는 부분이 “>”이므로 오류가 있다고 생각할 필요가 없습니다.
이전에 시작한 스크립트의 일부를 종료하고 다시 업로드한 js 파일을 로드하는 과정입니다.
여기에 문제가 있을 수 있습니다.
이전에 구글 애널리틱스를 사용했다면 애널리틱스를 플러그인으로 사용할 수 없으므로 html에 직접 입력해야 합니다.
관리자 모드에서 피부 편집들어가셔서 오른쪽 상단을 보시면 HTML 편집기를 클릭 바로 아래 내용을 작성합니다.
<!
-- GoogleAnalytics - START -->
<script async src="https://www.googletagmanager.com/gtag/js?id=여러분의 애널리틱스 코드"></script>
<script>
window.dataLayer = window.dataLayer || ();
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '여러분의 애널리틱스 코드');
</script>
<!
-- GoogleAnalytics - END -->위의 분석 코드(이전에 플러그인에 넣은 코드)를 교체하기만 하면 됩니다.
위치를 찾을 수 없는 경우 아래 이미지를 참조하십시오.
