얼마 전 변경한 나의 티스토리 블로그 스킨 Square.

이 스킨은 반응형 스킨으로 가독성 좋은 레이아웃과 군더더기 없는 깔끔함 때문에 선택하게 되었다. 그런데 눈에 띄는 문제가 하나 있었으니... 바로 최근 올린 글의 썸네일 이미지가 제대로 나타나지 않는다는 점. 아마도 개발자의 오류인 듯하다. 하지만 이 스킨은 티스토리에서 제공되는 무료 스킨이기 때문에 아쉽게도 개발자로부터 AS는 커녕 여타 문의조차 받지 못하고 있다. 뭐, 사용하는데 어마어마한 오류가 있는 부분은 없으니 그냥 스스로 조금씩 수선해서 사용할 수밖에.


오늘은 그동안 미뤄뒀던 최신글 썸네일 오류를 수정해보려고 한다. 아래의 이미지가 바로 그 문제의 부분이다. 메인 페이지를 포함하여 각 페이지 하단에 이런 식으로 최근에 포스팅한 글 목록이 나와야 하는데... 나오긴 나온다. 투명으로.



Recent posts 아랫부분에 본문에 사용한 이미지가 딱 썸네일로 보여져야 정상이지만 지금은 아무것도 출력되지 않고 있다. 그리고 해당 부분에 마우스를 갖다대면 아래와 같이 마우스 오버 기능만 뜰 뿐이다. 숨은 글 찾기가 되어버렸다. 이 문제를 해결하기 위해 먼저 관리 페이지로 고고씽!




관리 페이지에서 HTML / CSS / 파일업로드 페이지로 이동 후, 아래와 같이 images/ygal-edit.js 파일을 과감하게 삭제해준다. 바로 이 파일이 복병이기 때문이다.

겁먹지 마시길. 우리는 이 파일을 별도의 경로를 통해 다운로드 받아서 약간의 내과적인 수술을 시행한 후 다시 데려올 계획이니까.




자, 그럼 이제 삭제한 파일과 동일한 소스 파일을 다운받아야 하는데 이는 <스킨 변경> 페이지로 가서 스킨 다운로드를 하면 현재 사용 중인 스킨 파일을 폴더 째로 받을 수 있다. 이 스킨 다운로드를 통해 다운받은 파일들이 전부 조금 전 파일업로드에 업로드 되어있는 파일들이다.




다운받은 압축파일을 풀어보면 삭제했던 ygal-edit.js 파일을 발견할 수 있는데 이 파일을 열어서 수정해주면 된다. 파일을 열어보면 아래와 같이 코딩이 되어있는 것을 확인할 수 있다. 여기에서 다른 것은 그대로 두고 7열과 13열만 수정해주면 OK!




7열의 "image" 바로 뒤에 윗열들의 형식과 마찬가지로 ; 기호를 넣어준다.




13열의 //cfile'; 바로 앞에 http: 라는 완벽한 명령어를 입력해준다. 그리고 저장!




이제 수정한 해당 파일을 원래의 위치에 업로드해준다. HTML / CSS / 파일업로드 페이지로 가서 해당 파일을 추가한다. 그리고나서 가장 중요한 것이 저장이다. 아래처럼 저장버튼이 활성화되어 있지 않더라도 꼭 저장버튼을 눌러준다. 그래야 블로그에 적용이 되므로.




그럼 블로그 메인 페이지 하단을 확인해볼까?

짜잔! 아래와 같이 휑~했던 공간이 썸네일 이미지로 예쁘게 수정된 것을 확인할 수 있다.



바쁜 개발자님들이 실수를 하신듯. 무료 배포이긴 하지만 그래도 이런 오류는 티스토리 측에서도 신경을 써줬으면 하는 자그마한 바람이 있다. Square 스킨을 사용하면서 이것 말고도 몇 가지 아쉬운 점이 있는데 차차 고쳐나가기로 하겠다. 오늘은 여기까지.


티스토리 스퀘어 스킨을 사용하면서 최신글 썸네일 오류로 인해 답답하셨던 분들께 도움이 되길 바라며 소녀 이만 물러가겠나이다. 총총.

  1. rockQ 2017.12.20 12:40 신고

    다운 받은 압축 파일을 풀어봤는데 위 이미지의 파일 이름은 보이질 않는데요. 뭔가 그세 바뀐건가요...
    -------------------------------------------
    제가 다운 받은게 사용자 수정 업로드 되어 있는 것이어서 없었던 것 같네요. 스킨 저장하고, 새로 적용 후 다운 받으니까 파일이 들어 있군요. 덕분에 해결 봤습니다. 고마워요^^

    • Anchou 2017.12.20 15:25 신고

      도움이 되셨다니 저도 기분이 좋네요^^ 다행입니다.

  2. Hachi-Himmel 2018.01.03 08:08 신고

    감사합니다.!!! 저도 이거 때문에 답답했는데 덕분에 잘 해결 했어요.!!

    • Anchou 2018.01.16 00:21 신고

      ㅎㅎ 도움이 되셨다니 포스팅을 한 보람이 있네요. 감사합니다.

  3. 물고기 개발자 2018.01.04 11:13 신고

    음 말씀하신대로 js 파일을 기존걸 삭제하고
    새로운걸 추가하고 저장해도 파일업로드 페이지를 열면 원래대로 돌아와있네요
    기존파일이 900B 이고 수정한게 906B 라서 삭제후 추가하면
    906B 의 js파일이 보이는데 저장후에 페이지 다시 열어보면 900B 로 돌아와있네요
    저장이 안되는거같아요 ㅠ

    • Anchou 2018.01.16 00:24 신고

      경로를 다르게 설정하셔서 저장해보셨나요? 이 경우는 블로그 스킨 자체의 오류라기 보다는 코드언어를 누락해서 생긴 현상이라 기타 오류로 이어지는 현상은 없는 것 같으니 천천히 다시 해보시는게 어떨까 해요. ㅠㅠ

  4. 김혜니 2018.01.19 10:17 신고

    저는 사진을 많이 안올리는 편이라
    Recent posts에 제목만 들어가는데욥..
    제목만이라도 잘 보여졌음 좋겠는데 마우스오버를 해야 보여지네요.....
    작성자분 블로그도 그 현상은 나타나네요ㅠㅠ
    일단 저도 css만져보러 가야겠어요 ㅠ_ㅠ

    • Anchou 2018.01.19 20:11 신고

      그건 썸네일 자체에 이미지를 올리도록 통설정이 되어 있어서 그런건데 글만 올리는 썸네일도 포스팅 한번 해야겠네요!!!

  5. 스트릭 2018.02.09 03:56 신고

    감사합니다 감사합니다
    압도적 감사!

    • Anchou 2018.02.13 05:28 신고

      도움이 되신 것같아서 기쁩니다. ㅎㅎ

    • Anchou 2018.10.18 06:44 신고

      이게 이번에 티스토리에서 보안상 SSL을 업데이트하면서 해당 스킨에 영향을 미친 것 같더라구요.
      지금 이 스킨 개발자님께서 패치해주신다고 공지를 올리셨으니 조금 기다리셔야 할 것 같아요.^^;

      참고로 전 메인 페이지에 최신글 카테고리를
      별도로 추가해놨답니다.
      이 블로그 말고 omnibus story 블로그에요^^

  6. 프로의향기 2018.05.16 19:56 신고

    저도 이것 때문에 고민이었는데 감사합니다. ^^

  7. rockQ 2018.05.24 18:27 신고

    안녕하세요!
    한번씩 찾아오긴 했는데, 이번엔 정말 오랬만에 왔네요 ㅎㅎㅎ

    사실... 최신글 썸네일 문제 때문인데요 ㅠㅠ
    4개가 아닌 8개로 된 님의 다른 티스토리를 봤어요.
    http://omnibusstory.com/ 님이 운영하는 곳 맞죠?
    전 설정 자체가 안되던데 말이죠. 오류 메세지만 뜨고 숫자를 고칠 수가 없더라고요.
    HTML인가요? 가르쳐주세요 ㅠㅠ

    아참 square 스킨 최종 버전도 나와있던데, 좀 됐더군요. 그 동안 모르고 있었지만
    어진간한 오류는 수정 된 듯 한데 전 오늘에서야 바꿔 봤습니다, 뭐 여하튼 ㅋㅋㅋ

    안녕히~!

    • Anchou 2018.05.27 06:47 신고

      네, 맞아요^^
      어떤걸 말씀하시는지 살펴보고 다시 답변 달아드릴게요 ㅎㅎ

    • rockQ 2018.05.27 22:27 신고

      해결 했어요^^
      냅두니까 나중에 그냥 되네요.

  8. 질문이요 2018.07.03 23:07 신고

    이상한데요...스킨 다운로드 받아 압축 풀었는데 ygal-edit.js 파일이 없어요ㅠ

    • Anchou 2018.07.07 09:05 신고

      압축을 푸신 폴더 안에 IMAGES 폴더에 들어가셔서 확인해보세요^^

  9. 해피. 2018.08.11 22:33 신고

    안녕하세요^^
    Recent posts 사진이 뜨지않아서 글 써준것을 참고하여 수정하던중에.. 제가 잘 못 건드렸는지... 모바일에서 사이드바 토글을 클릭해도 사이드바가 나타나지 않아요..! 혹시 이 작업과 관계가 있는것 같아 다시 원상복귀하였는데도 여전하네요 ... ㅠㅠ 혹시 해결방법이 있을까요~?

    • Anchou 2018.08.13 00:08 신고

      제가 알려드린 파일은 최근 업로드된 파일과 관련한 썸네일만 건드는 파일이라서 직접적인 관계가 없을 것 같은데 혹시 images/ygal-edit.js <---이 파일 외의 다른 파일을 만지신게 아닌지 궁금합니다. ㅠㅠ

    • 해피. 2018.08.13 00:25 신고

      네 ㅎㅎ 새로 시작해보려고 초기화했어요 ㅎㅎ 좋은정보 감사합니다^^

    • Anchou 2018.08.13 00:30 신고

      아이쿠!
      이번엔 한 번에 맘에 드시는 블로그 잘 만드시길 바랄게요^^;;

  10. 용산동쌍가락지 2018.08.28 15:42 신고

    감사 감사 합니다!!!!!!!
    말씀하신대로 ygal 파일을 지우고 나서
    스킨에서 다운로드하면, 내가 수정한게 다운받아져서 ygal 파일이 없을수 있어서
    미리 다운받아 놓고 수정하고나서 삭제 및 재업로드해서 저장하는게 혼란이 없을것 같네요

    완벽하게 적용되었습니다 감사합네다.

  11. 배고픈마리오 2018.09.18 22:47 신고

    언급하신대로 수정해서 작 쓰다가
    최근에 보니 또 썸네일 이미지가 안뜨네요.
    귀촌을 꿈꾸는 달 님의 티스토리 스킨도 썸네일 안뜹니다.

    • Anchou 2018.09.19 23:24 신고

      헛!
      그러네요!
      뭔가 업데이트된게 있는지 확인해볼게요!!!

    • 스트릭 2018.10.17 11:23 신고

      저도 또 사라져서 다시왔습니다 ㅜㅜ

+ Recent posts