티스토리 SSL 적용 관련 패치

8월 말에 티스토리에서 '더 안전한 티스토리를 위해 - SSL 적용 완료'라는 보안 관련 패치 소식이 있었습니다. 쉽게 말하면 보안을 강화했다는 내용입니다. 아직은 사용자 선택에 의해 SSL 적용 여부를 결정할 수 있는데요. 향후 사용자 선택가 무관하게 모든 티스토리 블로그에 적용된다는 얘기가 있으니 한번 살펴보시면 좋을 것 같습니다.


탕비수다 이마고 스킨은 관련 패치후 별 다른 오류는 없었습니다. 하지만 퍼머링크 페이지의 '이전다음글'에 대표이미지가 노출되지 않는 현상이 있다는 제보가 있었습니다. 확인후 시간이 좀 늦었는데요. 이유는 관련 현상은 쉽게 해결할 수 있으나 스킨 업데이트 없이 해결할 수 있는 방법을 모색했기 때문입니다.


아래 방법은 스킨 업데이트, 그러니까 스킨을 새로 설치하지 않고 관련 사항을 해결하는 패치입니다. 초보자에게는 어려울 수 있으나 단계별로 따로 하시면 큰 문제없이 진행 가능하세요.


한 가지 주의할 점은 현재 '이전다음글'에 대표이미지가 노출되지 않는 현상을 해결하기 위함이니 텍스트 모드로 노출되는게 더 좋다고 생각하시는 분은 관련 패치를 하지 않으셔도 됩니다. 그리고 간혹 버전마다 찾을 내용이 조금씩 다를 수 있으나 실제 변경된 내용은 동일하니 해당 부분을 찾아 변경하면 됩니다.

1단계

'관리센터 > 꾸미기 > 스킨편집 > html편집 > 파일업로드'에서 'tangbisuda.layout.min.js'를 다운로드합니다. 기존에 받은 파일이 있다면 그것을 사용해도 좋습니다. 해당 파일을 텍스트 편집기(메모장)로 열어 아래 내용을 찾습니다.

if(o.indexOf("daumcdn.net")>-1)t.addClass("text-type");

위 내용을 아래와 같이 변경후 저장합니다. 그리고 '관리센터 > 꾸미기 > 스킨편집 > html편집 > 파일업로드'을 통해 [추가]합니다.

if(o.indexOf("cssjs")>-1)t.addClass("text-type");

정확한 위치를 찾기 위해 많은 내용을 찾은 것일뿐 실제 변경된 내용은 아래와 같습니다.

daumcdn.net → cssjs

2단계

'관리센터 > 꾸미기 > 스킨편집 > html편집 > html'에서 아래 내용을 찾습니다. 스킨 버전마다 다를 수 있으니 찾지 못한 경우 'tangbisuda.layout.min.js'으로 찾아보세요.

<script src="./images/tangbisuda.layout.min.js?ver=4.0.6"></script>

위 내용을 아래와 같이 변경후 저장합니다.

<script src="./images/tangbisuda.layout.min.js?ver=4.0.6.b1"></script>

정확한 위치를 찾기 위해 많은 내용을 찾은 것일뿐 실제 변경된 내용은 아래와 같습니다. 이렇게 하는 이유는 관련 스크립트를 변경해도 CDN 서비스 특성상 변경된 내용이 반영되지 않기 때문입니다. 이름을 다른 것으로 지정해 새로 받아오게 합니다.

4.0.6 → 4.0.6.b1

스킨 업데이트를 통해 해결하면 좋겠지만 이번 패치는 기존 사용자 관점에서 해결 방법을 모색했습니다. 조금 어렵다고 느끼실지 모르겠네요. 앞서 말씀드렸지만 현재 '이전다음글'은 텍스트 모드로만 작동하고 있으며 이미지, 텍스트 모드로 작동하길 원할 경우에만 관련 패치를 진행하시면 됩니다.

이미지 맵

롤랑존

이미지를 활용해 다양한 기능을 제공하는 티스토리 반응형 스킨

    '패치' 카테고리의 다른 글

    글에 남긴 여러분의 의견은 32개 입니다.

      • 패치가 된다 하더라도 기존 스킨 버전에 제가 설정해 놓은 설정이 너무 많아 어떻게 적용할지 막막 하였는데 이렇게 간지로운 부분을 팍팍~ 긁어 주시니 너무 감사합니다. 내일 적용해 봐야 겠네요.
        롤랑존님 포함 탕비수다 스킨을 사용하는 모든분들, 추석 연휴 잘 보내시고 항상 행복하세요

      • 잘 해결하셨으면 좋겠습니다. 즐거운 명절 되세요^^

      • 롤랑존님 패치와 관련해 언급하신 tangbisuda.layout.min.js에
        if(o.indexOf("daumcdn.net")>-1)t.addClass("text-type");
        라는 부분은 없고 제가 찾은 바로는
        if(r.indexOf("daumcdn.net")>-1)t.addClass("text-type"); 라는 라인이 있습니다.
        버전업하면서 코드가 바뀌었나 싶어 최신버전 .js를 살펴봐도 'o.index'가 아니라 'r.index' 였습니다.
        어쨌든 여기서 "daumcdn.net" -> "cssjs" 바꾸어 업로드하고 스크립트 버전도 스킨에 ?ver=4.0.5 -> ?ver=4.0.6.b1로 바꾸어 정상적으로 이미지가 보입니다.
        제가 아직도 4.0.5버전을 쓰고 있는것 같네요. 근데 정확하게 제가 쓰고 있는 버전 정보를 찾으려면 어떤 부분을 보면 알 수 있을까요? 날잡아서 업데이트 한번 하긴해야 하는데...엄두가 안나네요.
        감사합니다.

      • 자동으로 변수(프로그램 용어)가 변경되는 부분이 있어 조금 다를 수 있습니다. 잘 변경되었다니 다행입니다.

        마지막 버전 업데이트시 표기 오류가 있있나봐요. 5와 6이 크게 다르지 않으니 크게 걱정하실 필요는 없습니다^^

      • 저도 똑같이 'o.index' 이게 없어서 헤메다가 탑이슈님 댓글덕분에 처리 되었네요..^^
        감사합니다.~~ ^^

      • 건의사항 하나면 부탁드려도 될까요?

        다음 업데이트에 저의 블로그에 수정해 두었는데 https://ooppa.tistory.com/2203 처럼 상단 포스팅 글의 배경이미지가 반영되도록 해주실 수 없으신지?
        현재 고민중인게 타이틀의 배경을 전체 풀커버로 구현되는 방법을 고민중이기에 혹시 도움도 같이 얻을수 있을까?하여 댓글을 남겨봅니다

        번거럽게 하여 드려 죄송합니다 ^^;

      • 특정 글에 사용한 대표이미지를 상단 이미지로 활용하는 방식이지요?

        어렵지 않은 부분이며 이미 제가 만들었던 다른 스킨에 사용한 적이 있습니다. 다만 그게 좀 호불호가 갈리는 거라 탕비수다 이마고에서는 제외했거든요.

        고민해보겠습니다^^

      • 신경써 주셔서 감사합니다 ^^

      • 아! 저도 적용했습니다!

        저는 이전 다음 버튼을 사용하지를 않아서 뭐가 달라졌는지 모르겠지만 ㅎㅎ;;
        이렇게 변화에 빠르게 대응해주시는점에 감사합니다!

      • 네 그 부분만 처리된거라 큰 변화는 발견하기 어렵습니다. 감사합니다^^

      • 이번에 바뀔 스킨 디자인인가 봅니다 ^^
        이것도 보기가 좋은데요.
        일단, 글자가 큼직해서 좋네요 ㅎㅎ

      • 아직 업데이트 버전을 배포하고 않아 계속 변경 중이에요. 어느 정도 정리는 되었는데요. 조금 더 손 볼 필요가 있는 부분이 있어서 시간이 걸리겠네요.

        참, 이번에 사이드바에 인기글 추가됩니다. 티스토리에서 정식으로 지원하기 시작했더군요. 저번처럼 패치 형식으로 알려드릴께요.

      • 비밀댓글입니다

      • 일부 내용만 변경한 것인지 아니면 새로운 스크립트 파일로 대체한 건지 알 수 있을까요?

      • 비밀댓글입니다

      • 아 그럼 점점 더 확신이 드는데요. 일단 제보를 바탕으로 추론하면 애드센스에서 뭔가 작업을 한 것 같은데요. 그게 영향을 미치는 것 같습니다.

        차후 버전에서는 관련 사항이 패치될 예정이고요. 현재 탕비수다 이마고 블로그에서 테스트 중입니다. v4.1.0 이전 버전에서는 어떻게 해야할지는 검토하고 있습니다.

      • 비밀댓글입니다

    *

    *