티스토리 Square 스킨의 최근 포스트(Recent Post) 썸네일 오류 해결방법

티스토리의 square 스킨에서 최근 포스트의 썸네일(Thumbnail)에 오류가 생겼습니다.

애초부터 그랬던 것인지, 제가 최근에 스킨을 변동하면서 이렇게 된 것인지는 모르겠으나 아무튼 이런 문제가 생겨서 이를 해결해 보고자 합니다.

블로그 포스트의 하단에 최신글에 대한 포스팅이 표시되는 것은 이용자들에게 관심있는 다른 포스트로 이동하게 하면서 방문자들을 잡아둘 수 있는 도구라 그냥 넘길 문제는 아니기 때문입니다.

언뜻 보면 아무것도 없어 보이지만, 실제 마우스를 오버해 보면 기존에 보여져야 할 썸네일이 보임을 확인할 수 있습니다.

관리자(설정) 페이지로 이동하여 HTML / CSS 메뉴로 이동하여 아래 그림과 같이 '파일 업로드' 항목을 선택합니다.

해당 항목 중 가장 마지막에 있는 images/ygal-edit.js 파일을 선택 후 삭제 합니다.

이제 삭제한 파일을 다시 업로드 하기 위해 스킨을 다시 다운로드 받아야 합니다.

다시 스킨변경 페이지로 이동하여 '스킨 다운로드'를 선택합니다. 내가 현재 이용중인 스킨 파일을 통째로 다운로드 받을 수 있습니다.

다운로드 받는 스킨을 압축해제 해서 열어보면 ygal-edit.js 파일을 확인할 수 있습니다. 위치는 파일 경로를 잘 찾아 보세요. 

js 파일은 javascript 파일인데... 이를 열려면 에디터 프로그램이 필요합니다. 별도의 HTML 에디터가 없으시다고요? 있습니다.

바로 메모장.

메모장을 실행해서 파일 열기를 할 때... 우측 하단을 '모든 파일'로 변경하면 파일이 보이게 됩니다. 이때 ygal-edit.js 파일을 선택해서 열면 됩니다.

실행된 파일에서 박스 쳐 놓은 부분을 찾아 놓으십시오.

몇 줄 안되니 바로 찾을 수 있을 겁니다.

이부분에서 "image" 뒤쪽에 세미콜론( ; ) 을 추가해 주시고, content 라고 되어 있는 뒷부분에는 http: 를 추가해 주세요.

이렇게 해서 구문을 완성해 주시고 저장을 하면 됩니다.

다시 HTML / CSS 로 돌아가 파일업로드에서 수정 후 저장한 파일을 다시 추가해 줍니다.

추가 후에는 반드시 저장을 눌러 주세요. 저장 버튼이 활성화 되지 않았어도 눌러 주세요.

저장 후 돌아가 보면 썸네일이 잘 보이는 것을 확인하실 수 있습니다.

첫번째 썸네일이 저렇게 보이는 이유는 비공개 상태로 발행했기 때문입니다.