난 내 블로그의 본문안에 있는 링크들은 모두 새창으로 열리는 걸 선호함
그런데 종종 무심코 글을 쓰고나면 링크에 타겟 지정하는 것을 까먹을 때가 있음
(특히 [이전 글 넣기] 플러그인 링크나 복/붙한 링크의 경우...)
암튼, 그것 때문에 다시 수정하기는 귀찮고. 그냥 스킨에 스크립트 한줄 추가해서 해결함
적용방법:
[스킨 편집] > [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' 로 변경
'웹 코딩 > 티스토리' 카테고리의 다른 글
코드블럭 + SyntaxHighlighter (1) | 2020.08.21 |
---|---|
코드블럭 - SyntaxHighlighter 버리고 highlight.js 로 갈아타기 (0) | 2020.08.20 |
코드블럭 - 접기/펼치기 (+언어명 표시 & 자동 줄바꿈 적용/해제) (10) | 2020.08.19 |
코드블럭 - 코드 자동 정렬 추가 (+ 탭간격 조정) (1) | 2020.08.19 |
highlight.js (문법강조) 적용하기 및 설정 (0) | 2020.08.17 |
댓글