본문 바로가기
웹 코딩/티스토리

본문의 모든 링크는 새창으로!

by 알릭2 2020. 8. 16.

난 내 블로그의 본문안에 있는 링크들은 모두 새창으로 열리는 걸 선호함

 

새창으로 열기에 체크?! 깜빡했음..ㅜㅜ

 

그런데 종종 무심코 글을 쓰고나면 링크에 타겟 지정하는 것을 까먹을 때가 있음

(특히 [이전 글 넣기] 플러그인 링크나 복/붙한 링크의 경우...)

 

암튼, 그것 때문에 다시 수정하기는 귀찮고. 그냥 스킨에 스크립트 한줄 추가해서 해결함

적용방법:
[스킨 편집] > [html 편집] > [HTML] 내용 하단 </body> 바로 윗줄에 아래 소스를 넣고 [적용]하면 끝
var anchors = document.querySelectorAll('.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a');
for(var i=0; i < anchors.length; i++){
	anchors[i].target = '_blank';
}

혹시 jQuery 를 쓰고 있다면 아래 한줄로 해결

$("'.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a'
").attr("target", "_blank");

//만약 외부사이트로의 링크에만 적용하고 싶다면 아래 내용으로 교체!

$('.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a').each(function(){ 
if (this.href.indexOf(window.location.hostname) < 0) { 
this.target = "_blank"; 
} 
});

 

혹시 스킨에 따라 링크가 좀 과하게 많이 잡히는 것 같다면 셀렉터 부분을 '.entry-content p a' 로 변경

댓글