본문 바로가기
IT/티스토리

Square 스킨 최근글 썸네일 오류 수정하기

by 레몬즙한방울 2018. 2. 3.
반응형

티스토리를 시작한지는 2년,

본격적으로 포스팅을 한지는 이제 7개월이 지나가네요

그동안 최근글 썸네일이 보이는 건지 안보이는 건지

모르는 채 계속 포스팅을 하고 있었네요.

다른 사람 PC에서 티스토리에 로그인 하지 않고

내 글이 검색되는지 확인을 했는데

최근글 썸네일이 보이지 않는 것을 이제서야 알고 적잖이 당황했답니다.

Square 스킨을 쓰는 중이라 스킨 제작자가 안내한 내용을 보고

차근차근 따라 했는데도 썸네일이 정상화 되지 않아

어디가 문제인지 차근 차근 찾아봤습니다.


[보여야 할 최근글 썸네일이 보이지 않습니다]

Square 스킨을 제작 배포하신 Wallel 님의 안내를 따라 먼저 해봤습니다.

블로그 관리 > HTML/CSS 편집 > 파일업로드 로 이동해서 업로드된 파일 중 images 폴더 내의 파일들이 모두 업로드가 되어 있는지 확인하라고 합니다.

[블로그관리 > HTML/CCS편집 누르기]

원작자가 말하는 images 폴더 내의 파일을 확인하기 위해서 [블로그관리 > 스킨관리 > 스킨다운로드] 를 합니다.

압축을 풀고 images 폴더안에 보면 여러 가지 파일이 있습니다.

내용은 파일 업로드 안에 들어가 있는 파일과 동일해서

wallel 님이 올려두신 스킨 원본 파일을 다운 받아 images 폴더 안을 봤더니 오히려 더 적은 수의 파일이 있어서 다른 방법을 시도하기로 했습니다.

images 폴더 안에 ygal-edit 파일이 있는데 이것이 최근글 썸네일과 관련된 파일입니다. 

ygal-edit 파일의 내용을 보려면 텍스트 편집기를 사용해야 하지만

메모장을 이용해도 됩니다.

메모장을 열고 ygal-edit 파일을 메모장으로 드래그 하면

이렇게 내용을 확인 할 수 있습니다.

붉은 상자 안의 내용이 오류가 있는 부분입니다.

var z = "image"를 var z = "image"; 으로 고쳐주고

var e = '<meta property="og:image" content="//cfile'; 를 var e = '<meta property="og:image" content="http://cfile'; 로 고쳐줍니다.

그리고 저장하기를 눌러주세요.

다시 블로그 관리 > HTML/CSS 편집 > 파일업로드 로 이동합니다.

파일업로드에 있는 ygal-edit.js 를 선택하고 삭제 하고 저장합니다.

그리고 추가 버튼을 눌러 내용이 수정된 ygal-edit 파일을 추가해주고 저장하기를 눌러주세요.

그러면 바로 적용되기도 하지만 바로 적용이 안되는 걸로 확인되면 쿠키를 삭제하면 정상적용되어 최근글 썸네일이 보이는 것을 확인 할 수 있습니다.

그동안 최근글 썸네일 보기가 적용되지 않아서 고민하시던 분들 이제 간단하게 해결해보세요.

 

 

 

반응형

댓글