본문 바로가기



Solve/티스토리-유튜브

[최초] 티스토리 방명록의 숨겨진 프로필 이미지 치환자 공개

앞선 글에서도 살짝 공개했는데, 이 글에서 자세히 다뤄 보겠습니다. 그동안 티스토리 왓에버 (Whatever) 스킨 다크모드 최적화를 시도하고 있는 데 이제 거의 마무리가 되고 있는 듯 합니다. 아래 글을 참고해 보시기 바랍니다. drkimfixnsolve.tistory.com/158 

 

티스토리 Whatever 스킨 공지사항/방명록 버그 잡기 - 다크모드 최적화 4탄

티스토리 왓에버 Whatever 스킨 다크모드 최적화가 거의 끝나는 것 같습니다. 구글 애드센스 (일치된 컨텐츠)도 다크모드에 적합하게 배경색깔을 변경했고.. 모바일 화면도 이것 저것 신경을 써서

drkimfixnsolve.tistory.com

윗글 말미에 티스토리 방명록에 있는 프로필 이미지 버그 해결 방법에 대해 기술했었습니다. 예를 들면 다음과 같은 문제입니다. 방명록을 열어보면..

방명록의 프로필 이미지가 기본 이미지로 셋팅되어 있음

방명록의 여러 기능이 있겠지만, 기본적으로 블로그 방문자와 소통하는 공간인데.. 위 그림처럼 방문자든 주인이든 프로필 이미지가 동일하니 개성이 없어져 버렸습니다. 

자세히 살펴보니 이게 왓에버 스킨에만 적용되는 것이 아니고 티스토리 거의 모든 스킨에 해당하는 문제였습니다. 다른 분들의 티스토리 블로그, 무료/유료로 배포되는 스킨 배포 사이트들을 돌아다녀 보니.. 한두개 (프라포치노 스킨) 빼고 거의 모든 티스토리 블로그에서 이 문제를 해결하지 못한 듯 합니다. 개성없는 방명록 프로필 이미지가 표시되고 있으니 많은 분들이 임시방편으로 다음 중 하나를 선택하시는 것 같습니다.

1. 아예 방명록을 표시 안한다.

2. 방명록 프로필 이미지를 표시 안한다.

3. 간단한 다른 이미지로 대체해서 노출한다.

그러나 더 많은 분들은 위 사진처럼 그냥 기본 이미지를 노출하고 계시더라구요. 

아마 2017년 티스토리 측에서 개성을 표현하기 위해 프로필 이미지를 도입하면서 방명록 부분의 버그를 인지하지 못한 것 같습니다. 이후 여러분들이 문제를 인지하고 수정을 요청했으나.. 문제를 해결할 줄 아는 티스토리 개발자가 바뀌었는지 티스토리 측에서 딱히 해결해 달라는 메세지에 대응을 하지 않았습니다. notice.tistory.com/2398#comment15310903

 

[업데이트] 프로필 이미지 설정 안내

안녕하세요. TISTORY입니다. 개편과 함께 소소하게 추가된 프로필 이미지 설정에 대해 안내해 드립니다. 댓글에 나오는 이미지가 수정되지 않는다면 아래 내용을 꼭 확인해 주세요! 프로필 이미지

notice.tistory.com

방명록 프로필 이미지 버그 개선 요청 댓글들

지금부터는 제가 이 문제를 해결하는 과정이 되겠습니다.

제 블로그에도 같은 문제가 있다는 것을 인지하고.. 이 문제를 해결하기 위해 스킨편집/html 편집에서 방명록 프로필 이미지를 표시하는 부분을 살펴보니 아래와 같았습니다.

<div class="author-meta">
	<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
	<span class="nickname"></span>
	<span class="date"></span>
</div>

그런데 방명록과 댓글이 같은 플랫폼을 공유하고 있더라구요. 그래서 댓글에서 프로필 이미지 처리하는 부분을 살펴봤습니다.

<div class="author-meta">
	<img src="" class="avatar" alt="">
	<span class="nickname"></span>
	<span class="date"></span>
</div>

상당히 유사하죠. 자세히 살펴보면 방명록에서는 기본 이미지를 표시하고 있고 작성자의 프로필 이미지에 해당하는 스킨 치환자를 사용하고 있지 않습니다. 댓글 작성자 프로필 이미지에 해당하는 치환자 와 유사한 치환자가 방명록 프로필 이미지에도 있어야 할 것 같은데.. 스킨 가이드에는 따로 이런 치환자에 대한 설명이 존재하지 않았습니다.

그런데 다른 치환자를 보면 댓글은 rp로 대표되고, 방명록은 guest로 대표되고 있는 것을 볼 수 있습니다. 플랫폼이 공유되고 있으니.. 티스토리 개발자/프로그램머가 자연스럽게 댓글의 에 대응하는  치환자도 개발해 놓았을 것으로 상상할 수 있습니다. 이런 치환자가 공개된 적은 없지만, 있을 수도 있으니 코드에 반영해서 실험해 보았습니다. 

<!DrK img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>

기존 img 라인을 코멘트 처리하고, 새로운 치환자를 포함한 img 라인을 넣어 보았습니다. 그리고 변경을 적용해 보니 아래와 같이 '똭~' 프로필 이미지가 제대로 표시되었습니다.

개성있는 프로필 이미지가 제대로 표시된 모습 

로그인 안한 방문자도 나름 개성있는 프로필을 선택할 수 있고 (혹은 랜덤으로 할당?).. 로그인한 티스토리 계정 방문자는 미리 설정된 이미지가 표시됩니다.

로그인 안한 방문자도 프로필 이미지에 다양한 개성이 표시된 모습 

간단한 해결법인데 거의 3년을 숨어 있었네요. 아마 해당 치환자를 누군가 유추했어야 하는데.. 티스토리 원개발자 빼고는 쉽게 알아내기 어려웠던 듯 합니다. 덕분에 티스토리 우매한인 제가 우연찮게 발칙한 상상력으로 해결법을 찾아서 최초로 공개할 수 있게 되었습니다. 그동안 신세만 졌는데, 이것으로 티스토리 커뮤니티에 약간 기여한게 아닌가 생각합니다.

1줄 요약: 스킨/html 편집에서
"//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif"를 찾아 ""로 대체하세요!

자.. 그럼 티스토리 블로그 운영자분과 스킨 개발자 분들은 스킨에서 방명록을 사용하고 계시다면 방명록의 숨겨진 프로필 이미지 치환자 를 사용해서 방명록 작성자의 개성을 올바로 표시해 보시기 바랍니다.

(추가 2021/2/15) 최근에 확인해 보니 티스토리에서 공식적으로 방명록 프로필 치환자를 공개했네요. tistory.github.io/document-tistory-skin/contents/guestbook.html

그리드형(광고전용)