square 스킨 최근 글 이미지 오류 


안녕하세요 고코더 입니다.

티스토리의 시작을 스퀘어 스킨과 함께 하고 있습니다.
그런데 오늘 보니  페이지 접근시 하단에 있는 최근 글에 
이미지가 나타나지 않고 있는 오류를 발견했습니다. 
(사실 오류가 아니고 의도 된 디자인 인줄 알았네요)

▼처음은 DIV영역만 보이다 마우스 on 을 하면 글씨만 보입니다.
저도 모르게 최근 글이 보이지 않았던 오류 블로그였습니다. 
어서 고쳐야 겠네요.


▼티스토리 관리자에서 해당 HTML/CSS 편집 메뉴로 이동합니다.


▼제 블로그 기준으로 아래 URL로 이동 됩니다.
그리고 맨아래 있는 "ygal-edit.js" 를 마우스 오른쪽 버튼을 눌러 저장합니다.



▼그리고 텍스트 편집기로 열어보니
코드 소스가 이상합니다.
7번째 줄은 세미콜론이 없고
13번째 줄은 cfile로만 선언 되어 있습니다.



▼위에 소스를 아래처럼 바꾸어 보겠습니다.
7번째줄 :  var z = "image"; 
13번째줄 : var e = '<meta property="og:image" content="http://cfile'; 


▼ 변경한 소스는 아래와 같습니다. 
복사해서 덮어 쓰셔도 됩니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
// ygal.js - yongzz.com
// edit by wallel
$(document).ready(function() {
    $("#recent-post .box").each(function() {
        var i = $(this).find("a").attr("href");
        var j = "R320x0";
        var z = "image";
        var d = $(this).find(".thumb img");
        $.ajax({
            url:i,
            dataType:"html",
            success:function(b){
                var e = '<meta property="og:image" content="https://cfile';
                var x = '<meta property="og:image" content="//m1.daumcdn.net/';
                var g = '"';
                if(b.match(e+"(.*?)"+g)!=null) {
                    a = b.match(e+"(.*?)"+g)[0];
                    a = a.substring(35,a.length-1);
                    a = a.replace("image",j);
                    d.attr("src",a.replace('original',j));
                } else if(b.match(x+"(.*?)"+g)!=null) {
                    a = b.match(x+"(.*?)"+g)[0];
                    a = a.substring(35,a.length-1);
                    a = a.replace("image",z);
                    d.attr("src",a.replace('original',z));
                } else {
                    d.remove();
                }
            }
        });
    });
});
cs

▼ 파일이 준비되었다면 기존 js 는 삭제하시고


▼ 방금 수정한 그 파일을 업로드 합니다.



▼ 캐쉬를 지우고 다시 살펴보니 이제야 정상적인 모습이 보이네요.



가벼운 오류가 있지만 반응성 스킨 중에는 
가장 깔끔한 스킨 같습니다.



마무리


이제 반년 정도 지나니 슬슬 다른 스킨으로 바꾸고 싶어지네요


댓글을 달아 주세요