Ghost 포스팅안에 링크 새창에서 열리게 하기

Ghost 포스팅안에 링크 새창에서 열리게 하기

고스트 블로그로 새로운 글을 적었을 때, 그 안에 링크를 포함한 경우, 클릭하면 현재 화면에서 이동하게 된다. 그렇게 되면 글을 읽던 사람은 한번 블로그에서 벗어난 후 다시 블로그에 뒤로가기를 해서 돌아와야하는 번거로움이 있기 때문에, 처음부터 그냥 새창에 열리도록 하는 방법을 소개한다.

방법은 두가지가 있다.

#링크 마크업에 직접 지정하기

고스트에서 링크를 걸 때 마크업은 다음과 같다.

[구글](http://www.google.com)

여기에 새창으로 열기를 적용하기 위해선 끝에 다음 코드를 추가해주면 된다.

[구글](http://www.google.com" target="_blank)

따옴표는 오타가 난 것이 아니다. 이상하게 보이는게 당연하지만 어쨌든 이렇게 해야 새창에서 열리도록 만들 수 있다. 만약 어떤 링크는 현재창에서 그대로 이동하게 하고 싶고, 어떤 링크는 새창에서 열리도록 스스로 상황에 따라 다르게 사용하고 싶다면 이 방법을 사용하면 된다.

#모든 링크를 새창에서 열리게 하기

만약 본인의 글 안에 나오는 모든 링크를 새창에서 열리게 하고 싶다면 다음 코드를 관리자 메뉴의 "Code injection" 화면에서 넣어주면 된다. 넣어주는 곳은 Blog Header 섹션이든 Blog Footer 섹션이든 크게 상관은 없다.

<script>
    $('a').each(function() {
       var a = new RegExp('/' + window.location.host + '/');
       if(!a.test(this.href)) {
           $(this).click(function(event) {
               event.preventDefault();
               event.stopPropagation();
               window.open(this.href, '_blank');
           });
       }
    });
</script>

고스트 블로그는 jQuery를 쓰고 있기 때문에, jQuery를 이용한 코드를 써주면 된다. 이렇게 하면 모든 링크들이 새창에서 열리도록 강제할 수 있다. 코드를 넣은 후 오른쪽 위에 "Save" 버튼을 잊지 말자.